如何在Jquery datatables中固定第一行和第一列的表头？

Question

我一直在使用JQuery datatables。这个开源项目非常强大，对开发人员来说非常有帮助。

我的问题是如何固定datatables的第一列和第一行标题。

我刚刚在http://legacy.datatables.net/extras/fixedcolumns/中搜索并找到了需要的示例，但我不知道如何将其插入到HTML datatables开源项目中，该项目包含在以下链接中。

http://datatables.net/download/packages

任何了解集成的人，请支持我。

- Dũng Nguyễn Văn

Answer 1

解决方案

您正在查看旧版本的jQuery DataTables示例。新的FixedColumns扩展的URL为http://datatables.net/extensions/fixedcolumns/。

请使用下载生成器，并选择jQuery、FixedColumns和FixedHeader，以及已经选择的元素。

使用以下代码初始化表格：

var table = $('#example').DataTable({
   scrollY: 300,
   scrollX: true,
   scrollCollapse: true,
   paging: false,        
   fixedColumns: true,
   fixedHeader: true
});

演示

请查看这个 jsFiddle以获得代码和演示。

- Gyrocode.com