2016-05-16 43 views
2

我在我的html.erb視圖中有一個表,它使用引導程序導航標籤,並通過partials和嵌入式Ruby填充,由於某些原因,Datatables將無法正確加載表。Rails 4 + datatables:Datatable not loading properly

jQuery的

$(document).ready(function() { 

    console.log("foo"); 

    $("#datatable-weighin").DataTable(); 

    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    console.log("bar"); 
    }); 
}); 

這同時輸出foobar何時應,表示一切都正常加載,但我的表看起來仍然不超過調用$("#datatable-weighin").DataTable();之前不同。

難道事實上,我使用partials和從控制器加載變量,有什麼關係嗎?我發現nav-tabs有一些與數據表一起發佈,因爲表是隱藏的,但這隻會影響列的大小等,而不僅僅是一般的加載。

+0

是你使用datatable-rails gem還是你手動安裝?確保你已經正確包含了數據表js和css文件。 – bkunzi01

+0

它可以連接到turbolinks? – max

+0

你也可以顯示你的HTML表格嗎? –

回答

0

我的代碼更仔細地看後,我意識到,當我查詢使用$("#datatable-weighin")我實際上並沒有,儘管表id是部分返回表的表:

<table class="profile-table-table" id="weigh-in datatable-weighin"></table>

我然後把它改爲<table class="profile-table-table special" id="weigh-in"></table>

...當我查詢了$("table.special")它返回的表和數據表開始工作