DataTables引導程序網格寬度。我們可以內聯樣式表嗎？

Question

我一直在試圖將DataTables實現到我的網站上，使用Bootstrap樣式，並用javascript初始化表格。我有幾個相鄰的表格，但創建的DataTables包裝器似乎爲每個表格放置了一個col-sm-12行，不允許表格彼此內聯。

我有一個基本的HTML設置：

<table id='stats1a' class="table table-bordered display"></table> 
<table id='stats1b' class="table table-bordered display"></table> 

而且相當簡單的JavaScript調用：

$('#stats1a").DataTable({ 
     data: dataSet1a, //data defined elsewhere 
     columns: [ 
      { title: "" }, 
      { title: "Ending Portfolio" }, 
      { title: "Yearly Withdrawals" }, 
      { title: "Total Withdrawals" }, 
     ], 
     "ordering": false, 
     "paging": false, 
     "searching": false, 
     "info": false 
    }); 

我怎樣才能得到這些表排隊在線，而不是海誓山盟的頂部，使用數據表選項？

Answer 1

爲什麼上級行/列集合中不包括這些：

<div class="row"> 
    <div class="col-md-6"> 
     <table id='stats1a' class="table table-bordered display"></table> 
    </div> 
    <div class="col-md-6"> 
     <table id='stats1b' class="table table-bordered display"></table> 
    </div> 
</div> 

這樣的時候不管它是自動換行他們在山坳-SM-12做它的東西，那「12」最終成爲col-md-6中可用的12列。