我正在使用 JQuery Datatable,当我使用固定列时遇到了问题。它已经显示了两次我的固定栏 https://i.stack.imgur.com/qlSCh.png
我正在使用服务器端处理,这是我的代码:
dataTable = table.dataTable({
fixedColumns: {
leftColumns: 0,
rightColumns: 1
},
scrollX:true,
scrollCollapse: true,
"fnDrawCallback":function(oSettings) {
$('div.choosePage select').val(dataTable.DataTable().page());
},
"pagingType":"bootstrap_full_number",
"processing": true,
"serverSide": true,
"ajax": {
"data":GETDATA,
"dataSrc":SETAJAXDATA
},
"fnInitComplete":completeProcess,
"colReorder": true,
"order": [
[0, 'asc']
],
"dom": "<'row' <'col-md-12'>><'row'<'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-4 col-sm-12'i><'col-md-5 col-sm-12 toolbar'p><'col-md-push-1 col-md-3 col-sm-12 toolbar choosePage'>>", // horizobtal scrollable datatable
})
Ajax 运行良好,当我在左侧使用固定列时没有问题,但是当我在右侧使用它时,我遇到了这个问题。
Thanks.
如果您没有从选项中设置scrollY,我相信这是 Jquery Datatable 中的一个错误,请确保设置了一些值。
因为当您检查元素时,您可以看到滚动 y 溢出是自动的。如果您将其设置为隐藏或未从选项中设置值,您就会看到右侧的空间。
如果你根本不想使用scroll-y,那么你需要通过提供一些小边距来使用一些CSS代码,这是一个丑陋的解决方案。但我看不出你有任何其他选择。
对于 Jquery 数据表插件来说这是一个耻辱。
下面显示了插件网站的示例选项列表。
$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
scrollCollapse: true,
paging: false,
fixedColumns: {
leftColumns: 0,
rightColumns: 1
}
} );
} );
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)