datatables固定表头和首列

最新推荐文章于 2023-01-02 14:49:08 发布

王小扣

最新推荐文章于 2023-01-02 14:49:08 发布

阅读量8.4k

点赞数 3

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_29150765/article/details/85159953

版权

JavaScript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

对有数据的table进行初始化

dataTables = $('#dataTablesID').DataTable({
                "bAutoWidth": false,
                "searching": false,
                "bFilter": false,
                "paging": false,
                "ordering": false,
                "info": false,
                //表头固定
                "fixedHeader": true,
                "scrollX": "500px",
                "scrollY": "400px"
                "scrollCollapse": true,
                //固定首列，需要引入相应 dataTables.fixedColumns.min.js
                "fixedColumns": {
                    "leftColumns": 1
                }
            });

改变table数据，行数、列数、单元格内容；重新对table进行初始化之前需要销毁dataTables对象

//销毁
dataTables.destroy()

如果任然有格式上的问题，将样式也移除

//移除样式
$('#dataTablesID').removeAttr('role')
$('tr').each(function () {
     $(this).removeAttr('role')
     $(this).removeAttr('style')
})
$('th').each(function () {
     $(this).removeAttr('rowspan')
     $(this).removeAttr('colspan')
     $(this).removeAttr('style')
})