通过属性showColumns: true,开始列选择后,
(1)列变动后,列总数量依然较多存在滚动轴时,右侧少一部分问题。
(2) 列变动后,选择列数较少时,左右固定列消失,表头和表格无法自适应对齐问题。
解决:通过onColumnSwitch 列切换操作时候的函数
onColumnSwitch:function(field, checked){if($('.fixed-columns-right .fixed-table-header .JCLRgrips').html()!= undefined){setTimeout(()=>{ //解决(1)$('.fixed-columns-right .fixed-table-header .JCLRgrips').css('display','none')})}else{ // 解决(2)setTimeout(()=>{$('.fixed-table-header').css('display','none')$('.bootstrap-table .fixed-table-container .table').css('marginTop','0px')})} } 后来又发现点击排序按钮后,表头和内容又对不齐了 解决:
onPostBody: function (data) {if(data.length>0){if($('.fixed-columns-right').html()== ''){setTimeout(()=>{$('.fixed-table-header').css('display','none')$('.bootstrap-table .fixed-table-container #bootstrap-table').css('marginTop','0px')})}}}, 然后,表头固定列失效了,因为表头固定列的宽度计算方式和内容的不一致,滑动的时候,看不到表头了。。。。