Tag: fixed header tables

DataTables：隐藏tbody的滚动条时，固定列会搞乱

我有一张桌子，其中包括： 第一列是固定的 TFOOT 水平滚动条的脚 有隐藏的水平滚动条。 小提琴： https ： //jsfiddle.net/jbeteta/6sxh3gbk/12/ $(function() { $(‘#example’).DataTable({ “fnInitComplete”: function () { // Disable scrolling in Head $(‘.dataTables_scrollHead’).css({ ‘overflow-y’: ‘hidden !important’ }); // Disable TBODY scroll bars $(‘.dataTables_scrollBody’).css({ ‘overflow-y’: ‘scroll’, ‘overflow-x’: ‘hidden’, ‘border’: ‘none’ }); // Enable TFOOT scoll bars $(‘.dataTables_scrollFoot’).css(‘overflow’, ‘auto’); // Sync TFOOT scrolling with TBODY $(‘.dataTables_scrollFoot’).on(‘scroll’, function () […]

修复了具有固定横幅div的表头

我已经使用来自这个SO问题的代码来成功创建固定的表头，但是我有一些问题使它适应我的页面，我无法弄清楚。 我对Javascript / jQuery有点新意，所以请耐心等待一下。 代码依赖浏览器中的scroll事件来检测THEAD何时不在视图中，以便它知道何时克隆表并将克隆的标题放在页面顶部。 但是我的页面有一个DIV固定在页面顶部，其中包含一个搜索栏等，当这个存在时，固定标题不起作用。 因为我需要固定区域，所以我很难找到解决方法。 它可能很简单，但我没有看到它。 代码段如下： function moveScroll() { var scroll = $(window).scrollTop(); var anchor_top = $(“#maintable”).offset().top; var anchor_bottom = $(“#bottom_anchor”).offset().top; if (scroll > anchor_top && scroll < anchor_bottom) { clone_table = $("#clone"); if (clone_table.length === 0) { clone_table = $("#maintable").clone(); clone_table.attr({ id: "clone" }).css({ position: "fixed", "pointer-events": "none", top: 0 }).width($("#maintable").width()); […]

在窗口可调节的桌子上寻找固定的标头

我试过看了整个地方，找不到解决问题的好办法。 我期待创建一个具有固定标题的表，在滚动表的其余部分时保留。 问题是我还希望它能够在页面窗口调整时对齐。 我已经能够获得固定的标题，并且能够在调整窗口时使列对齐，但是无法使两者一起工作。 有没有可以做到这一点的脚本？ 我尝试过固定的jquery，flexigrid，固定标头咖啡，chromatable和floatyhead。 这些都没有能够给我我想要的解决方案。 也许我做错了但我有一个使用theader，tbody等的传统表。我想避免将表分成两个表，因为它们似乎从未正确排列，但如果这是唯一的解决方案，我会接受。 请帮忙！