jquery DataTables 固定列（fixedcolumns）不生效问题

最新推荐文章于 2025-05-19 19:30:44 发布

North-java

最新推荐文章于 2025-05-19 19:30:44 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： datatables fixedColumns 固定列

本文链接：https://blog.csdn.net/zhaojiacan/article/details/114949076

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文记录了一位开发者在iframe中加载表格时遇到的问题：滚动条闪烁及固定列失效。通过调整iframe尺寸、修改列标题及关闭ajax加载，最终解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先我的表格是再iframe 中加载的，我的iframe通过js时时检测宽高，并给宽高赋值。

问题描述：我使用表格加载静态数据，没有ajax请求，当进页面的时候表格的滚动条一直在闪动，并且我的列固定失效。我第一想到的就是估计iframe的尺寸改变了，所以表格的尺寸也动态改变。

第一次处理：给iframe设置一个固定的宽高，并且让表格的外层设置一个小于表格的宽度，并且样式改为：overflow:hidden，结果滚动条不闪烁了，但是滚动条不见了（奇葩问题）

第二次处理：偶然间删除英文字母开头的title，SKU图片，发现滚动条尽然出现了，难道 列字段的title不能设置为英文字母开头，我觉着是一个bug。第一个问题算是解决。

{
                data: 'supplyMerchKey',
                defaultContent: '-',
                title: 'SKU图片',
                render: function (val, type, row, meta) {
                    return '<span class="supply-merch-sku-table-list" ' +
                        'data-merchkey="'+row.merchCode+'"'+
                        'data-merchskukey="'+row.merchSkuCode+'"'+
                        'data-supplymerchkey="'+me.supplyMerch.supplyMerchKey+'"'+
                        'data-supplymerchskukey="'+row.supplyMerchSkuKey+'">'+
                        '<img height="30" class="supply-merch-sku-table-img"/>' +
                        '</span>'
                }
}

第三次处理：目前可以滚动条正常了，固定列依然还是不起作用。我去官方粘贴固定列配置过来，尽然奇迹般的生效了。然后我检查了我的配置，我的数据是静态数据，非ajax请求，然后我把ajax设置为false，问题解决，下班。