色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery datatable 分頁樣式

老白2年前10瀏覽0評論

JQuery Datatable是一個流行的數據表格插件,它提供了一個強大的工具來呈現大量數據。其中一個重要的功能是分頁,它可以使表格數據更具可讀性。在這篇文章中,我們將討論如何使用jQuery Datatable的分頁樣式來增強表格的外觀。

在jQuery Datatable中,分頁樣式是通過CSS類來定義的。以下是一些常見的分頁樣式類:

/* 分頁容器樣式 */
.dataTables_wrapper .dataTables_paginate {
margin-top: 16px;
position: relative;
text-align: center;
}
/* 分頁按鈕樣式 */
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333 !important;
border: 1px solid transparent;
border-radius: 2px;
}
/* 當前頁按鈕樣式 */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
background-color: #337ab7;
color: #fff !important;
border: 1px solid transparent;
}
/* 激活按鈕樣式 */
.dataTables_wrapper .dataTables_paginate .paginate_button.active {
outline: none;
background-color: #337ab7;
color: #fff !important;
border: 1px solid transparent;
}

以上是一些常用的分頁樣式類,它們可以通過覆蓋jquery datatable的默認樣式來自定義分頁樣式。

例如,我們可以將分頁按鈕的字體大小從默認的14px改為16px,同時將當前頁按鈕的背景色從默認的藍色改為綠色:

.dataTables_wrapper .dataTables_paginate .paginate_button {
font-size: 16px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
background-color: green;
}

以上代碼將分頁按鈕的字體大小從默認的14像素改為了16像素,同時將當前頁按鈕的背景色從默認的藍色改為綠色。

總之,要自定義jquery datatable的分頁樣式,只需要使用CSS類來覆蓋默認樣式即可。你可以使用瀏覽器的開發者工具來查看jquery datatable的默認樣式,然后修改為你想要的樣式。