JQuery Datatable 페이지 매기기 스타일링

Jquery Datatable에 대한 페이지 매김 UI 문제가 있습니다. 아래는 크롬과 IE에서 페이지 매김 버튼이 어떻게 보이는지 보여주는 스크린 샷입니다.JQuery Datatable 페이지 매기기 스타일링

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>

출처

2017-03-21 Chandan

코드 –

페이징 플러그 인을 구현하거나 https://datatables.net/plug-ins/pagination/에서 살펴볼 필요가있는 것처럼 보입니다. 위에 HTML을 어떻게 생성합니까? – annoyingmouse

'.ui-button'에'vertical-align : middle;'을 추가 할 수도 있습니다. – nashcheez

나는 아래

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

와 기본 페이지 매김 스타일을 무시 나는 부트 스트랩을 사용하고 그리고 난 UI 버튼을 제거하면 클래스의 모든 것이 좋아 보인다

Pagination Now
Pagination Before Fix

출처

2017-03-21 09:43:30 Chandan

JQuery Datatable 페이지 매기기 스타일링

답변

관련 문제