JQuery Datatable Paginierung Styling

Question

Ich habe ein Paging-UI-Problem für Jquery Datatable. Unten sehen Sie den Screenshot, wie die Paginierungsschaltfläche in Chrome und IE aussieht. Ich bin mit Bootstrap und wenn ich ui-Taste Klasse sieht alles

Pagination Screenshot and below is the HTML

<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>

Answer 1

ich die Standard Paginierung Stile mit der

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

unten außer Kraft setzen gut entfernen

Pagination Now
Pagination Before Fix