jQuery Datatable - 부트 스트랩 CSS가있는 가로 스크롤 막대

Question

jQuery 데이터 테이블에서 부트 스트랩 css를 포함하면 가로 스크롤 막대가 나타나지 않습니다. 나도 알아, 일부 스타일은 datatable을 무시하고 있습니다. 누군가가 나를 도울 수 있습니까? 어떤 스타일이 문제를 만들고 있습니까? 사전에

Demo

스크립트

$(document).ready(function() { 
    $('#example').dataTable({ 
     "sScrollX": "100%", 
     "sScrollXInner": "110%", 
     "bScrollCollapse": true 
    }); 
}); 

감사합니다.

Answer 1

부트 스트랩에 의해 적용되는 스타일로 테이블의 최대 너비를 100 %로 설정할 수 있습니다.

table { 
    background-color: rgba(0, 0, 0, 0); 
    max-width: 100%; 
} 

이 최대 너비를 비활성화/지울 경우 스크롤이 나타납니다. 또는 테이블 스타일을 덮어 씁니다.

table { 
max-width: none !important; 
} 

스타일이 부트 스트랩의 스타일을 덮어 쓰지 않는 경우 "! important"를 추가하십시오.