因为数据表是如何实现的,你可以设置宽度为所有列,但一个。然后,该专栏将设计成占据剩余的空间。
但是,我们不希望这样。所以,我所做的是在文件的CSS部分添加一个新条目。
我说:
table#tblNotes {
max-width:580px;
}
这就使得其宽度不超过580(长)整个表格。我通过将两列宽度加在一起(80px + 500px)得到了这个数字。然后,我在“注释”下删除了宽度代码。现在它完美地工作。
table#tblNotes {
max-width:580px;
}
DateNote
$(document).ready(function(){
$("#tblNotes").DataTable({
"ajax" : {
"url": "test.json",
"type" : "post",
"dataType" : "json",
"data" : function(d){
return {
idProject : $("#pn-idProject").val()
};
}
},
"columns" :
[
{"data" : "dComment", "width" : "80px", "orderable" : true},
{"data" : "cComment", "width" : "500px", "orderable" : false}
]
});
});