jQuery DataTables 是一個功能全面的 jQuery 插件，用于在 Web 應(yīng)用程序中顯示和操作表格。它提供了各種可定制的選項(xiàng)和擴(kuò)展，使你能夠創(chuàng)建具有各種功能的高度靈活的數(shù)據(jù)表格。

其中一個關(guān)鍵功能是 DataTables 支持樣式的自定義。這意味著你可以通過 CSS 來修改表格中的外觀和樣式，以滿足你的需求。

/* example.css */
/* 更改表格樣式 */
table.dataTable {
border-collapse: collapse;
width: 100%;
}
table.dataTable thead th,
table.dataTable tfoot th {
font-weight: bold;
padding: 8px;
border-bottom: 1px solid #111;
}
table.dataTable td,
table.dataTable th {
border: 1px solid #ddd;
padding: 8px;
}
/* 更改分頁樣式 */
.dataTables_paginate {
margin-top: 1em;
}
.dataTables_paginate a {
color: #333;
border: 1px solid #ddd;
padding: 5px 10px;
margin-right: 4px;
font-size: 14px;
text-decoration: none;
}
.dataTables_paginate a.active {
background-color: #666;
color: #fff;
}
.dataTables_paginate a.disabled {
color: #999;
cursor: default;
}

在上面的例子中，我們?yōu)?DataTables 表格自定義了一些基本樣式。我們更改了表格邊框、表頭和表尾的樣式，還更改了分頁樣式。

要應(yīng)用自定義樣式，只需將上面的 CSS 代碼復(fù)制到一個外部文件中，然后在頁面中引用：

<link rel="stylesheet" type="text/css" href="example.css">

這將使自定義樣式與 DataTables 的默認(rèn)樣式發(fā)生作用，從而創(chuàng)造出獨(dú)特的表格樣式。

總之，自定義 DataTables 樣式可以讓你創(chuàng)建出個性化的、更易于使用的表格。只需添加少量 CSS 樣式，就可以輕松地更改表格的外觀和行為，以滿足你的需求。