Jquery DataTables 是一款非常好用的表格插件，而 col 屬性是其中一個非常有用的功能。它可以讓我們定義表格每一列的屬性，包括數據類型、排序方式、篩選條件等等。下面我們就來詳細了解一下 col 屬性的用法。

$('#example').DataTable({
"columns": [
// 第一列是數字，排序方式是升序
{ "data": "id", "order": "asc" },
// 第二列是字符串，排序方式是降序
{ "data": "name", "order": "desc" },
// 第三列是日期，篩選條件為本周
{ "data": "created_at", "search": {"week": true} },
// 第四列是開關值，使用自定義渲染函數
{ "data": "status", "render": function(data,type,row){
return data == 1 ? "開啟" : "關閉";
}
}
]
});

在上面的代碼中，我們可以看到每一列的定義都以一個對象的形式給出。例如，第一列的定義是:

{ "data": "id", "order": "asc" }

其中 "data" 屬性指定了該列對應的數據源，可以是數據的鍵值，也可以是一個函數。"order" 屬性指定了該列的排序方式，可以是 "asc" 或 "desc"。

同樣的，我們可以使用 "search" 屬性來定義如何進行篩選，例如在上面代碼中的第三列:

{ "data": "created_at", "search": {"week": true} }

這里指定了只篩選本周的數據，但是要注意并不是所有的篩選方式都被支持，具體可以參考官方文檔。

最后就是自定義渲染函數了，使用 "render" 屬性可以指定一個函數來渲染該列的數據。例如在上面代碼中的最后一列:

{ "data": "status", "render": function(data,type,row){
return data == 1 ? "開啟" : "關閉";
}
}

這里我們定義了一個函數，如果該列的數據為 1，則返回 "開啟"，否則返回 "關閉"。

以上就是 col 屬性的基本用法了，可以有效地優化表格的顯示效果和交互體驗，希望可以對大家有所幫助。