스크롤 문제 DataTable을

Question

나는 그래 난이 데이터 테이블을 사용하고 적절한 장소 :

로 안내하는 경우 질문을 반복하고 수평 스크롤을 구현하기 위해 노력하고 있습니다 확실하지 오전이 링크를 발견

http://www.datatables.net/examples/basic_init/scroll_x.html

저는 데이터 표 코드에서 이러한 속성을 사용했으며 UI에 문제가 있습니다.

내 데이터에 가로 스크롤 막대가 있지만 열이 예상대로 확장되지 않고 작동하지 않습니다. 내 정상 열 아래에 빈 열이 추가로 있습니다.

기본적으로 내 UI가 엉망입니다. 나는 같은 쓰래드 토론을 보았다.

DataTables fixed headers misaligned with columns in wide tables

이러한 문제는 이제 어떤 솔루션을 고정하고 있습니까?

================================

샘플 코드

$("#results").dataTable({ 
    "aaData": [ 
     //My data 
    ], 
    "aoColumns": [ 
     //My Columns 
    ], 
    "bPaginate": true, 
    "bSort": true, 
    "bFilter": false, 
    "bJQueryUI": false, 
    "bProcessing": true, 
    "sScrollX": "100%", 
    "sScrollXInner": "110%", 
    "bScrollCollapse": true 
}); 

Answer 1

추가 비슷한 문제가 있었지만 다른 방식으로 해결했습니다.

나는 여분의 div 테이블을 포장하기 위해 sDom 매개 변수를 수정 :

/** 
* Makes the table have horizontal scroll bar if its too wide for its container 
*/ 
.datatable-scroll { 
    overflow-x: auto; 
    overflow-y: visible; 
} 

http://datatables.net/usage/options#sDom