如何在jquery数据表中隐藏第一页的上一页和最后一页的下一页

Question

我使用 jquery 库来显示 sql 结果。在数据表的第一页上，默认情况下前一个按钮处于禁用状态。但是我希望它被隐藏，最后一页上的下一个按钮也是如此。

由于它被自动停用，我在想可能有一个参数或某物来隐藏它，但是我在研究过程中并没有发现太多。

我的桌子看起来像这样：

    $('#userTable').DataTable();    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.css"/> 
<script src="https://cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.js"></script>

<table id="userTable">
  <thead>
    <tr>
    <th>heading1</th>
    <th>heading2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
    <td>element11</td>
    <td>element12</td>
    </tr>
    <tr>
    <td>element21</td>
    <td>element22</td>
    </tr>
    <tr>
    <td>element31</td>
    <td>element32</td>
    </tr>
    <tr>
    <td>elementN1</td>
    <td>elementN2</td>
    </tr>
  </tbody>
</table>

Answer 1

我通过在我的CSS文件中使用以下代码来管理它：

 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active
 {
    display:none;
 }