2015-06-08 114 views
1

我有一個datatables.net的問題我想顯示排序/分頁基於screnn寬度超過700px時,並隱藏它時,其下700px。它適用於我從700像素以上到700像素以下,但當我再次增加寬度排序/分頁不再顯示。我已閱讀有關銷燬/檢索屬性的數據表,但我不知道什麼是錯的。Datatable顯示/隱藏排序/分頁

現在已經修復,下面更新了代碼!

我的JavaScript代碼看起來像這樣:

$(window).resize(function() { 
    var isLarge = $(this).width() > 700; 
    $('#transactionsTable').dataTable({ 
     destroy: true, 
     searching: isLarge, 
     paging: isLarge 
    }); 
}); 

我的問題現在:

出於某種原因,當我改變屏幕寬度檢查響應式設計的CSS沒有按的似乎正確加載。所以,如果我從大屏幕寬度到較小的一個,頂部分頁/搜索的CSS不會加載。

有什麼建議嗎?

回答

1

retrieve選項(重點煤礦)的description

檢索對象數據表爲給定的選擇器。需要注意的是如果 表已經被初始化,這個參數會導致 數據表簡單地返回已經建立對象 - 它不會考慮你可能要通過 初始化對象所做的任何更改到DataTables(將此參數設置爲 true表示您瞭解這一點!)。

您需要在您的情況,如果刪除retrieve: true(並更改爲destroy: true),或者只是將其簡化爲

$(window).resize(function() { 
    var isLarge = $(this).width() > 700; 
    $('#transactionsTable').dataTable({ 
     destroy: true, 
     searching: isLarge, 
     paging: isLarge 
    }); 
}); 
+0

謝謝你,它的工作很順利! –

+0

我注意到當在屏幕寬度之間切換時,引導程序css在返回更大的屏幕寬度時不會重新加載!有什麼建議麼?所以,當改變大小bootstrap CSS根本不加載 –

+0

@AndreasJangefalk這聽起來更像是一個引導問題比使用數據表(我不熟悉引導程序)。也許問一個關於這個問題的新問題。 – Raidri