jQuery DataTables列隱藏

我想要一個DataTable顯示幾列，然後顯示其他未看到的列下方的數據（通過單擊行開始處的加號）。但是，當窗口寬度足夠小時，我只能看到「+」號，以便強制將表中已經顯示的列移出。jQuery DataTables列隱藏

，其中包含有我有問題的樣本的小提琴：https://jsfiddle.net/ryanoc/ebRXw/

$(document).ready(function() { 
    $('#example').DataTable({ 
     responsive: true 
    }); 
    });

我希望，使表響應會做的伎倆，沒有運氣。

第三列是「隱藏」的，但沒有「+」符號，直到您減小表格的寬度足以要求將列從列表中移出。我被困在如何手動強制某些列被隱藏，而始終顯示「+」的標誌，任何幫助將不勝感激。

來源

2016-11-28 nkbved

添加class="none"到th似乎做你需要的東西：

<thead> 
    <tr> 
     <th>Name</th> 
     <th>Position</th> 
     <th class="none">Office</th> 
     <th>Age</th> 
     <th class="none">Start date</th> 
     <th>Salary</th> 
    </tr> 
</thead>

我還添加了display responsive nowrap類表：

<table id="example" class="display responsive nowrap" cellspacing="0" width="100%">

工作根據您的數據例如here，我已經刪除了CSS ...

來源

2016-11-29 09:12:10 annoyingmouse

謝謝！我確信我錯過了一些簡單的東西 – nkbved

我被困在如何手動強制某些列隱藏，同時始終顯示「+」號，以及任何幫助，將不勝感激。

因此，強制插件默認顯示加號圖標，您可以在應用dataTables插件後將類collapsed添加到您的表中。

$('#example').addClass('collapsed');

這裏是一個Working Fiddle

來源

2016-11-29 09:30:48

jQuery DataTables列隱藏

回答

相關問題