将数据表中的“显示10个条目”右对齐而不是左对齐

Question

如何在数据表jquery中从左到右对齐“显示10个条目”选项？

我尝试了以下内容，但没有帮助

div.dataTables_length label {
	font-weight: normal;
text-align: right;
	white-space: nowrap;
	align:center;
}

Answer 1

您可以使用Datatable DOM定位选项

$(document).ready(function() {
    $('#example').DataTable( {
        "dom": '<"top"i>rt<"bottom"flp><"clear">'
    } );
} );

r,t,f,l,p是

l - Length changing
f - Filtering input
t - The Table!
i - Information
p - Pagination
r - pRocessing

您可以根据需要更改这些值。

更多说明here。

Answer 2

这是我用来对齐数据表的长度，分页，过滤器和信息组件的CSS。

.dataTables_paginate {
    float: left;
}
.dataTables_filter {
    float: left;
}
.dataTables_length {
    float: right;
}
.dataTables_info {
    float:right;
}