Question

我正在尝试设置数据表列宽。请参阅下面的代码。

$('#datatable5').DataTable({
        "order" : [ [ 0, "desc" ] ],
        "columnDefs": [ { "width": "100px", "target":0 }, { "width": "400px", "target":1  }, { "width": "200px", "target":2  } ,{ "width": "200px", "target":3  } ,{ "width": "200px", "target":4  } ,{ "width": "200px", "target":5   } ,{ "width": "200px", "target":6  }, { "width": "200px" , "target":7 }, { "width": "200px", "target":8  }, { "width": "200px", "target":9  }],
        //"sPaginationType" : "bs_two_button",
        //"iDisplayLength" : 9,
        "scrollX": true,
        // "sScrollX" : "100%",
         "paging": true,
         "sPaginationType" : "bs_two_button",
         "info" : false,

        "fnDrawCallback" : function(oSettings) {
            $('td').removeClass('sorting_1');
        }
});

如何将列宽明确地传递给数据表？我尝试使用css来设置表格的宽度。但是，它没有成功？

Answer 1

尝试在columnDefs中使用'targets'，而不是'target'，即使你只给它一个列。

如果你想通过CSS来做，那么你可以给每一列它自己的类（使用columnDefs中的className），并使用它来设置宽度。

如何调整数据表列宽

1 个答案: