fancytree ext-table：如何获得固定的 header 行

Question

如何阻止 fancytree table 上的标题行滚动 - 只允许数据行滚动？

这是我正在使用的 HTML。

        <div id="scrollParent_history" style="height: 420px; overflow: auto;">
            <table id="lb_tree_bliss_history" class="lb_report_tree">
                <colgroup>
                    <col width="175px">
                    <col width="20px">
                    <col width="20px">
                    <col width="20px">
                    <col width="20px">
                    <col width="20px">
                    <col width="20px">
                </colgroup>
                <thead>
                  <tr> <th>Date</th> <th>First</th> <th>max</th> <th>Min</th> <th>Final</th> <th>Activities</th> <th>Change</th>  </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>

Answer 1

Fancytree 没有对 table header 做任何特殊的事情，因此您可以使用任何现有的 jQuery 固定 table header 插件。

（注意：每时每刻检查 project page 可能是值得的，因为此功能有时可能会成为本机 Fancytrtree 扩展。）

Answer 2

万一它对我正在使用 floatThead 的人有帮助，它可以很好地与 fancytree 2.21.0 配合使用。可在 GitHub http://mkoryak.github.io/floatThead/

添加JavaScript库，那就是一行

$('table').floatThead({
    position: 'auto'
});

fancytree ext-table：如何获得固定的 header 行

fancytree ext-table: how to have a fixed header row

fancytree