jquery 데이터 테이블에 가로 스크롤 막대가 나타나지 않습니다.

jquery datatable을 사용하여 html 테이블에 가로 및 세로 스크롤 막대를 추가하고 있습니다. 수평 스크롤바가 나타나지 않고 수평 컨텐트가 화면 밖으로 나간다는 것을 제외하고는 다른 모든 것이 잘 작동합니다. 다음 코드를 사용하고 있습니다 :jquery 데이터 테이블에 가로 스크롤 막대가 나타나지 않습니다.

jQuery(document).ready(function(){ 
    var oTable = jQuery('#example').dataTable({ 
    "bPaginate": false, 
    "bFilter": false, 
    "bInfo": false, 
    'bSortable': false, 
    "aaSorting": [], 
    "bAutoWidth": false, 
    "sScrollY": "300", 
    "sScrollX": "50%", 
    "sScrollXInner": "100%", 
    "bScrollCollapse": true 
    }); 
    new FixedColumns(oTable); 
});

sScrollX를 변경해도 아무 것도 바뀌지 않습니다. sScrollXInner를 변경하면 테이블이 왜곡됩니다.

아래 사업부에있는 테이블의 HTML 코드는 다음과 같습니다

<div id="demo"> 
    <table id="example" class="display" border="0" width="500px" cellspacing="0" 
    cellpadding="10" align="center" style="border: solid 1px #dedfe1;">

내 요구 사항은 고정 테이블 헤더 고정 가장 왼쪽 열을하는 것입니다. 그래서 jquery datatable을 사용하고 있습니다. 표 머리글이 고정되어 있으며 세로 스크롤이 올바르게 작동합니다. 가로 스크롤이 나타나지 않습니다.

아무도 도와 줄 수 있습니까?

고맙습니다

출처

2012-04-25 Vishal Suri