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

首先我的表格是再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，问题解决，下班。

jquery DataTables 固定列（fixedcolumns）不生效问题相关推荐

dataTables 固定列不滚动
在工作中使用到了datatables这个强的插件,可以自动排序,全局搜索,分页. 遇到了一个问题就是列表滚动,需求就是前面一列不允许滚动(时间),分享一些使用的心得: 1,首先需要引入静态文件: &l ...
前端控件JQuery Datatables使用——常用功能初始化
本文用于自己记录,忘记时可以用来回顾.点击这里进入JQuerydatatable官网API地址 JQuery Datatables初始化个人比较喜欢JQueryDatatables的Bootstra ...
css 固定列头,表格头部固定和表格列固定
我不是前端大神,只是偶尔在开发系统时,需要用到表格.如果表格只需要单独的用来展现数据,那就很简单了,那如果需要实现复杂的样式呢?比如说表头固定,当网页滚动的时候,表头自动固定到网页顶部,这样很客观的展 ...
bootstrap-table固定表头固定列
bootstrap-table固定表头固定列 1.引入 bootstrap依赖于jquery bootstrap-table依赖于bootstrap,所以都需要引入 2. bootstrap-tabl ...
bootstrap表头如何展示不动_bootstrap-table固定表头固定列
1.引入 bootstrap依赖于jquery bootstrap-table依赖于bootstrap,所以都需要引入 2. bootstrap-table有两种方式,html.js data-tog ...
php中如何固定表格宽度,实例讲解DataTables固定表格宽度(设置横向滚动条)
当表格的列比较多的时候,可能就需要固定表格的宽度了,默认的100%宽已经不适应了.默认的100%宽要实现改变窗口大小也100%的话,在table元素上添加width="100%", ...
JQuery Datatables editor进行增删改查操作(一)
背景 editor作为Datatables的插件之一,功能十分强大,有全行编辑模式.泡泡编辑模式.行内编辑模式.个人觉得,除了泡泡编辑模式外,其他两种模式功能在实际项目中会经常使用到,泡泡模式提供了模 ...
dataTable固定列固定行
直接贴代码引入样式文件 <link type="text/css" href="css/fixedColumns.bootstrap.css" /> ...
Bootstrap Table固定列及IE11兼容性问题解决
最近项目的前端用的是bootstrap,用Bootstrap Table做的表格显示.有一部分表格比较特殊,需要实现固定前面几列,后面的拖动.给的原型是用的superTable实现的,整合进项目用Bo ...

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

jquery DataTables 固定列（fixedcolumns）不生效问题相关推荐

最新文章

热门文章