{hero}

columns.width

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

相關

以下選項直接相關,並且在您的應用程式開發中也可能很有用。