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

【问题标题】：align "Show 10 entries" in datatable to right instead of left将数据表中的“显示 10 个条目”对齐到右侧而不是左侧
【发布时间】：2018-11-27 17:47:54
【问题描述】：

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

我尝试了以下但没有帮助

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

【问题讨论】：

你能展示一个包含 10 个条目的
示例吗？...也许我会更好地理解并能够提供帮助。

标签： jquery html datatable datatables

【解决方案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.

【讨论】：

【解决方案2】：

这是我用来对齐数据表的 Length、Paginate、Filter 和 Info 组件的 CSS。

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

【讨论】：