jquery - 如何使用 jQuery 在带有滚动条的 html 中创建可调整大小的表格？

Question

我想在 HTML 中创建一个具有可调整大小列的表。我也想要滚动条到表格，但表格的标题在滚动时应该保持固定。

请帮忙。

Answer 1

www.tablefixedheader.com

只需创建一个基本的有效 HTML，如下例所示。但请注意，层次结构必须是：

 - table > thead > tr > th
 - table > tbody > tr > td

可调整大小的列的示例

    $('#4').fixheadertable({ 
    caption     : 'My employees', 
    colratio    : [50, 150, 150, 150, 220, 150], 
    height      : 200, 
    width       : 800, 
    zebra       : true,
    resizeCol   : true,
    minColWidth : 50 
});

Answer 2

我想，这是你的解决方案。请参阅jsfiddle 上的演示。如果要从服务器加载数据，请设置savedStateLoad: true. 否则忽略ajax部分，在你的情况下，只需设置savedStateLoad: false

感谢他们，代码的原始来源在这里。