jQuery DataTables最大列宽

Mat*_*man 6 jquery datatables

我在我的.NET Web应用程序中使用jQuery DataTables但是如何为一个特定列设置最大宽度,所有其他列应该是自动调整大小的(就像它们现在在我的表中一样)

编辑

DataTables本身正确地完成了它,问题是有一个很长的单词没有空格导致问题

Jus*_*ins 8

您的问题似乎更多与CSS相关...

在CSS中使用自动换行可以解决这个问题,对于columnX,只需将其添加到CSS即可.

.columnX {
  word-wrap: break-word;
}
Run Code Online (Sandbox Code Playgroud)

根据您设置的列宽,它会包含没有空格的单词.

请参阅:https://developer.mozilla.org/en/css/word-wrap


小智 6

我同意上面使用的解决方案word wrap- 它很棒.但是,我对包含大量数据的列存在进一步的问题.我还做了以下工作以使其完全正常工作:

我的列宽有很多问题datatables.对我来说,神奇的解决方法就是包括这条线

table-layout: fixed;
Run Code Online (Sandbox Code Playgroud)

css与整个css表格有关.例如,如果您已声明datatables如下:

LoadTable = $('#LoadTable').dataTable.....
Run Code Online (Sandbox Code Playgroud)

然后神奇的css线条会进入课堂Loadtable.

#Loadtable {
  margin: 0 auto;
  clear: both;
  width: 100%;
  table-layout: fixed;
}
Run Code Online (Sandbox Code Playgroud)