【问题标题】:How to hide previous on first page and next on last page in jquery datatable如何在jquery数据表中隐藏第一页上的上一页和最后一页的下一页
【发布时间】:2018-05-15 13:24:34
【问题描述】:

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

【问题讨论】:

  • 那么,您可以这样发布您的问题吗:stackoverflow.com/help/mcve
  • 我没有任何试图解决问题的代码,因为我不知道该怎么做!?
  • 您没有任何可以显示的 html 和 jquery 吗?连数据表都不是你写的?
  • 好的,我当然有一些“源代码”——到目前为止它还没有尝试解决所描述的问题,这就是为什么我没有放任何源代码——因为我认为我的文字很有帮助更多...但是我现在添加了代码。
  • 也许您可以花一些时间阅读 jquery datatables datatables.net/reference/api/page.info() 的文档,您可以获得一些信息,然后使用一些 'if 并调整表格

标签: jquery datatable pagination


【解决方案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;
 }

【讨论】:

    猜你喜欢
    • 2020-07-10
    • 2023-04-03
    • 1970-01-01
    • 2021-05-14
    • 2018-01-24
    • 1970-01-01
    • 2015-03-21
    • 2016-07-23
    • 2021-06-06
    相关资源
    最近更新 更多