{hero}

列宽

自: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]
});

相关

以下选项直接相关,可能对应用程序开发也有利。