3
這是我的data table。如何在數據表中設置一些列寬的列寬
我似乎無法控制所有列的寬度:
$(document).ready(function() {
$('#example').DataTable({
"ajax": 'ajax/data/arrays.txt'
});
我已經嘗試了各種方法here:
$('#example').dataTable({
"autoWidth": false
});
而且here:
$('#example').dataTable({
"columnDefs": [
{ "width": "20%", "targets": 0 }
]
});
無成功。 任何人都可以告訴我如何手動控制一些單獨的列的寬度?我希望可以使用數據表中的現有方法來完成。
注意:如果我有機會,我會張貼小提琴。 fiddle here - 這是不完全一樣的,但如果我的理解是正確的,我應該abloe控制列寬在這裏:
var table = $('#example').DataTable();
tks,對於我的裁判,你必須在每一列(th和td)上工作,像這樣:table.dataTable th:nth-child(3)... table.dataTable td:nth-child(3)'[這裏](http://jsfiddle.net/6eLg0n9z/1/) – HattrickNZ
@HattrickNZ,如果它們比'
如果你有這樣一個表,你的目標使用
jquery datatable
,要控制列的寬度,你可以添加此
添加
inline style
到列將完美運作。如果你注意到dev tools
,你會發現datatable
內嵌了width
,所以你應用任何使用CSS文件的東西,它都會被覆蓋。添加inline CSS
到列對我來說工作得很好。 希望這有助於。來源
2017-10-17 02:39:55
TKS,但不能得到這個工作。 [這裏](https://jsfiddle.net/7bh7w2tu/13/) – HattrickNZ
您可以參閱http://jsfiddle.net/7bh7w2tu/10爲同一
來源
2017-10-17 02:54:10
你可以參考https://jsfiddle.net/7bh7w2tu/10/爲相同的 –
tks,最小我可以得到列的寬度下降到通過設置寬度爲10'columnDefs:[ {width:10,targets:0}, {width:10,targets:173px,[here](http://jsfiddle.net/7bh7w2tu/11/) 1}, {width:10,targets:2} ],'如果我將寬度設置爲500 [此處](http://jsfiddle.net/7bh7w2tu/12/),可以看到增加。另外'目標:0'指第一列...等等 – HattrickNZ
相關問題