DataTables - scrollX导致压缩报头
DataTables - scrollX导致压缩报头
提问于 2017-07-17 04:55:54
因此，我使用的是DataTables，scrollX参数设置为true，但是它会导致头列折叠。
备注：datatable作为react项目的一部分出现在一个引导模块中。
我怎么解决这个问题？
当我单击其中一个列，导致其刷新时，它会自行修复。另外，如果我删除scrollX，它也不会崩溃。
初始化代码：
$('#item-search').DataTable( {
ajax: {
"data": {
type: "map_items",
map_id: this.map_id
},
"dataSrc": (r) => {
console.log(r);
return r.data;
},
type: "POST",
url: "src/php/search.php"
},
autoWidth : false,
columns: [
{
"data": "brand"
},
{
"data": "name"
},
{
"data": "quantity"
},
{
"data": "measurement"
},
{
"data": "type"
},
],
dom: 'rtlip',
language: {
"info": "Showing page _PAGE_ of _PAGES_",
"infoFiltered": ""
},
lengthMenu: [ 1, 2, 3 ],
pageLength: 1,
processing: true,
responsive: true,
scrollX: true,
select: {
style: "multi"
},
serverSide: true
});回答 4
Stack Overflow用户
回答已采纳
发布于 2017-07-17 04:57:34
在数据表初始化中，包括以下属性。
autoWidth : true加上这个
"fnInitComplete": function(oSettings) {
$( window ).resize();
}
"fnDrawCallback": function(oSettings) {
$( window ).trigger('resize');
}Stack Overflow用户
发布于 2017-12-13 18:52:41
应该使用以下代码初始化DataTable以实现水平滚动：
"sScrollX": "100%",
"sScrollXInner": "110%",
"bScrollCollapse": true,
"fixedColumns": {
"leftColumns": 1
}Stack Overflow用户
发布于 2021-06-10 20:26:20
我的角度计划中的这项工作
this.dtTarifas = {
scrollX: true,
autoWidth: false,
lengthChange: false,
responsive: false
}在我的package.json 中有“角数据”："7.0.0"
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45136218
复制相关文章
相似问题
腾讯云开发者
