jQuery Datatable是一個(gè)功能強(qiáng)大的插件，用于在Web應(yīng)用程序中創(chuàng)建交互式數(shù)據(jù)表。它還允許用戶在數(shù)據(jù)表中進(jìn)行排序，搜索和分頁(yè)。

該插件還具有可定制的樣式選項(xiàng)，使用戶能夠?yàn)槠鋽?shù)據(jù)表添加自定義CSS樣式。

/* Datatable默認(rèn)樣式 */
table.dataTable {
border-collapse: collapse;
border-spacing: 0;
clear: both;
margin-top: 6px;
margin-bottom: 6px;
max-width: none;
width: 100%;
}
table.dataTable td,
table.dataTable th {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
line-height: 1.42857;
vertical-align: top;
text-align: left;
}
table.dataTable th {
background-color: #f9f9f9;
border-bottom: none;
text-align: center;
}
table.dataTable td {
background-color: #fff;
border-bottom: none;
color: #333;
word-break: normal;
}
table.dataTable td.sorting_1,
table.dataTable td.sorting_2,
table.dataTable td.sorting_3 {
background-color: #f9f9f9;
}
.dataTables_wrapper .dataTables_paginate {
margin: 0;
text-align: right;
}
.dataTables_wrapper .dataTables_paginate a {
cursor: pointer;
margin-right: 6px;
padding: 0;
border: none;
background-color: transparent;
color: #333;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background-color: #f9f9f9;
color: #333;
border-radius: 4px;
}
.pagination {
margin: 0;
}
.pagination li {
display: inline-block;
margin: 0 2px;
}
.pagination li.active {
border-radius: 4px;
background-color: #f9f9f9;
color: #333;
}
.pagination li a {
display: inline-block;
padding: 5px 10px;
color: #333;
cursor: pointer;
border-radius: 4px;
}
.pagination li a:hover {
background-color: #f9f9f9;
}

上述CSS代碼是默認(rèn)樣式，你可以根據(jù)實(shí)際需要對(duì)樣式進(jìn)行自定義，并將其應(yīng)用于你的數(shù)據(jù)表中，以滿足你的個(gè)性化需求。