列宽
自:DataTables 1.10 起
列宽分配。
描述
此参数可用于定义列宽,可以使用任意 CSS 值(3em、20px 等)。
请注意,对于具有动态内容的表格,几乎不可能达到像素级的列宽,因此,如果您使用此属性分配的列宽与实际宽度相差几个像素,请不要感到惊讶。表格中的列宽取决于许多属性,例如单元格边框、表格边框、border-collapse
属性、表格内容,以及其他许多属性。DataTables 和浏览器会尝试以最佳方式展示表格,同时将所有这些选项考虑在内。
类型
此选项可以给出以下类型
默认
根据表格内容自动检测。
实例
使用 columnDefs
将第一列宽设置为 20%
new DataTable('#myTable', {
columnDefs: [{ width: '20%', targets: 0 }]
});
使用 columns
将第一列宽设置为 20%
new DataTable('#myTable', {
columns: [{ width: '20%' }, null, null, null, null]
});
相关
以下选项直接相关,可能对应用程序开发也有利。