Question

我在我的网站上使用DataTables和Bootstrap。我深入研究datatables.css的代码，但我找不到如何将前一个和下一个按钮移动到左侧。

我试图让它成为float:left，但没有任何改变。

Answer 1

您需要在CSS中正确选择分页div：

.dataTables_wrapper .dataTables_paginate {
    float: left;
}

请参阅JSFiddle进行演示。

Answer 2

按钮的HTML代码

<div class="btns">
<span class="fa fa-angle-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
<span class="fa fa-angle-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</div>

申请css

.btn.btn-primary {background: #444 none repeat scroll 0 0;border-color: #333333;}
.btn {border-radius: 3px;border-width: 0 0 3px;}
.sr-only {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

数据表移动“上一个”＆amp; “下一步”进入左侧

2 个答案: