固定列

在使用 DataTables 的 x 轴滚动功能时 (scrollX），您可能希望将最左或最右的列固定到位。这款 DataTables 扩展提供了此项选项（对于非滚动表格，请使用 固定表头扩展，它将为表格创建固定的页眉和页脚）。

FixedColumns（自版本 4+ 起）使用 CSS 中的 position: sticky。所有长青浏览器都 很好地支持此属性，但诸如 Internet Explorer 等旧版浏览器则不支持。

下载

获取和使用 FixedColumns 的最简单方式是使用 DataTables 下载生成器，您可以在其中选择希望在页面上使用的软件，并为您创建一个托管的 JavaScript 和 CSS 文件。

或者，单个文件 可以包含在您的页面上，下载发布包，或在 GitHub 上克隆源代码管理库。

初始化

FixedColumns 可以通过两种不同的方式初始化和使用

• 作为 DataTables 构造函数的一部分，使用 fixedColumns 配置选项
• 一个 new 构造函数（请注意，该项只能一次用于一个表格）。

在 DataTables 中

通过使用 DataTables 选项对象中的 fixedColumns 选项，FixedColumns 可以初始化在 DataTable 上 - 这仅仅是一个布尔值，但也可以使用对象来进行细粒度控制（参见参考文档）

$('#myTable').DataTable( {
    fixedColumns: true
} );

构造函数

或者，可以使用 JavaScript new 关键字以及 $.fn.dataTable.FixedColumns 函数，将 FixedColumns 添加到表中在它构建之后。该函数需要两个参数

1. 要为其应用按钮的 DataTable 实例
2. FixedColumns 选项（这与 fixedColumns 选项可用的选项相同）。

var table = $('#myTable').DataTable();

new $.fn.dataTable.FixedColumns( table, {
    // options
} );

功能

FixedColumns 为水平滚动的表格提供以下功能

• 将最左列固定在表格的侧边
• 冻结两列或更多列的选项
• 与 DataTables 的滚动选项完全集成