介绍
datatables-fixedheader 是一个基于 DataTables 的插件，它可以为 DataTables 添加固定表头功能。这个插件可以让用户在滚动表格时，保留表头在屏幕上方的位置，并且在列宽改变时也可以正确地调整表头的宽度。
安装
首先，你需要安装 DataTables，然后再安装 datatables-fixedheader。你可以使用以下命令来安装：
npm install datatables --save npm install datatables-fixedheader --save
使用
加载 CSS 和 JS 文件
在 HTML 文件中，你需要加载 datatables.css、datatables.js 和 fixedHeader.dataTables.js（即 datatables-fixedheader）这三个文件。你可以在 <head> 标签内加入以下代码：
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.25/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.25/datatables.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/fixedheader/3.1.9/js/dataTables.fixedHeader.min.js"></script>
如果你想使用本地文件而不是 CDN，则可以下载相应的文件并将路径更改为本地路径。
初始化 DataTables
接下来，在 JavaScript 文件中，你需要初始化 DataTables。这里有一个简单的示例：
$(document).ready(function() {
$('#example').DataTable({
fixedHeader: true
});
});在上面的代码中，#example 是你想要添加固定表头功能的表格的 ID。 fixedHeader: true 表示启用固定表头功能。
自定义选项
你可以通过添加选项来自定义 datatables-fixedheader 的行为。以下是一些常用选项：
offsetTop：表头相对于窗口顶部的偏移量（单位为像素）。默认值为0。zTop：固定表头的 z-index 值。默认值为1001。zBottom：表格底部的 z-index 值。默认值为0。
下面是一个具有自定义选项的示例：
-- -------------------- ---- -------
---------------------------- -
-------------------------
------------ -
---------- ---
----- ------
-------- -
-
---
---示例代码
最后，这里是一个完整的 HTML 文件，其中包含了一个带有固定表头的 DataTables 表格：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------------------- ------------
----- ---------------- --------------- ----------------------------------------------------------------------
------- ---------------------- ----------------------------------------------------------------------------
------- ---------------------- ---------------------------------------------------------------------------------------------
-------
------
------ ------------ --------------- -------------------
-------
----
-------------
-----------------
---------------
------------
--------- ---------
---------------
-----
--------
-------
----
--------- ----------
---------- --------------
------------------
-----------
-------------------
-----------------
-----
----
----------- -----------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------