数据表响应始终隐藏列，无论视口如何

Question

我有一个成功配置了响应式的通用数据表。我所追求的是强制 DataTable 有一个隐藏列，无论它显示什么视口。

我尝试搜索任何可能对我有帮助的东西 here 但没有运气。

Answer 1

找到我想要实现的目标。您必须将 class="none" 添加到您打算始终隐藏的列的标题中。

<table id="example" class="display" width="100%">
    <thead>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th class="none">Age</th>
            <th class="none">Start date</th>
            <th>Salary</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Tiger Nixon</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$320,800</td>
        </tr>
        <tr>
            <td>Garrett Winters</td>
            <td>Accountant</td>
            <td>Tokyo</td>
            <td>63</td>
            <td>2011/07/25</td>
            <td>$170,750</td>
        </tr>
    </tbody>
</table>

然后使用响应式插件简单地初始化数据表

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