Question

我有一个Jquery Datatable的分页UI问题。以下是分页按钮在Chrome和IE中的外观截图。我正在使用bootstrap，如果我删除ui-button类，一切看起来都不错

Pagination Screenshot and below is the HTML

＆＃13;

 <ul class="pagination">
        <li class="fg-button ui-button ui-state-default first disabled" id="Data_first"><a href="#" aria-controls="Data" data-dt-idx="0" tabindex="0">First</a></li>
        <li class="fg-button ui-button ui-state-default previous disabled" id="Data_previous"><a href="#" aria-controls="Data" data-dt-idx="1" tabindex="0">Previous</a></li>
        <li class="fg-button ui-button ui-state-default active"><a href="#" aria-controls="Data" data-dt-idx="2" tabindex="0">1</a></li>
        <li class="fg-button ui-button ui-state-default "><a href="#" aria-controls="Data" data-dt-idx="3" tabindex="0">2</a></li>
        <li class="fg-button ui-button ui-state-default next" id="Data_next"><a href="#" aria-controls="Data" data-dt-idx="4" tabindex="0">Next</a></li>
        <li class="fg-button ui-button ui-state-default last" id="Data_last"><a href="#" aria-controls="Data" data-dt-idx="5" tabindex="0">Last</a></li>
    </ul>

＆＃13;

Answer 1

我使用下面的

覆盖默认的分页样式

.pagination>li { display: inline-block; }

Pagination Now
Pagination Before Fix

JQuery数据表分页样式

1 个答案: