代码之家 › 专栏 › 技术社区 › misanthrop

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

pagination datatable jquery

misanthrop · 技术社区 · 8 年前

我使用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>

1 回复 | 直到 8 年前

Calvin Nunes 8 年前

我使用以下代码来管理它 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;
 }

推荐文章

Shubham · 如何在R中查找数据表的两个多类别列之间的差异/setdiff()

4 年前

CRaw · 表格中的标题文本对齐:前2个单元格左对齐,后3个单元格右对齐

4 年前

ParaPrototype · 如何在单列可搜索数据表中求和合计以及如何添加日期范围

4 年前

Jafar Khan · 如何使用laravel和ajax方法添加angular 12数据表

4 年前

ColinA · Powershell从datatable更改输出对象名称

4 年前

Davide Vitali · 填充后的ListView为空

8 年前

mfg · 分页不显示在datatable中

8 年前

znstrider · Bokeh-更新渲染器和DataTable的源-使用回调?

8 年前

DotNetSpartan · 如何在datagrid中绑定到数据表的空行的第一个单元格上设置光标

8 年前

Gerle Batde · 如何使用Datatable C跳过=<2个空行?

8 年前