欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery datatable居中

傅智翔2年前8瀏覽0評論
jQuery Datatable是一個很好用的數據表格插件,它可以幫我們快速地在網頁上展示大量的數據。但是,在使用Datatable的過程中,我們有時會遇到數據不居中的問題。這時,我們就需要使用一些技巧來解決這個問題。 首先,我們需要在Datatable的初始化代碼中添加一些樣式。具體來說,我們需要設置表格的樣式為居中對齊。代碼如下:
$('#example').DataTable( {
"dom": '<"center"lfr>t<"center"ip>',
} );
其中,"dom"選項就是用來設置表格整體的樣式的。這里,我們設置了一個"center"的類,可以將表格的所有元素都居中對齊。 接下來,我們需要修改一些CSS樣式,以使表格中的內容也能夠居中對齊。代碼如下:
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_length {
text-align: center;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
vertical-align: middle;
}
這里,我們對表格中的"信息"、"分頁"、"每頁顯示條數"等元素進行了樣式設置,使它們也能夠居中對齊。 最后,我們還需要對表格中的每一列進行樣式設置,以使其中的數據也能夠居中對齊。代碼如下:
$('#example').DataTable( {
"columnDefs": [
{ "className": "dt-center", "targets": "_all" }
]
} );
這里,我們使用了"columnDefs"選項,對每一列進行了居中對齊的設置。 綜上所述,要實現jQuery Datatable的居中對齊,我們需要在初始化代碼中添加樣式,修改CSS樣式,以及對每一列進行樣式設置。這樣,我們就可以輕松地解決Datatable數據居中對齊的問題了。