Question

我想将Datatables分页移动到自定义位置。该文档提供了“ dom”选项的引用，但我看不到它可以实现我想要的功能。

我想将分页按钮放在卡片页脚中。有没有一种相对干净的方法可以通过DataTables做到这一点，而无需编写我自己的分页。

<div class="card-footer py-4">
    <nav>
      <ul class="pagination justify-content-end mb-0">
        <li class="page-item disabled">
          <a class="page-link" href="#" tabindex="-1">
            <i class="fas fa-angle-left"></i>
            <span class="sr-only">Previous</span>
          </a>
        </li>
        <li class="page-item active">
          <a class="page-link" href="#">1</a>
        </li>
        <li class="page-item">
          <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
        </li>
        <li class="page-item"><a class="page-link" href="#">3</a></li>
        <li class="page-item">
          <a class="page-link" href="#">
            <i class="fas fa-angle-right"></i>
            <span class="sr-only">Next</span>
          </a>
        </li>
      </ul>
    </nav>
 </div>

在一个相关示例中，通过隐藏CSS中的Datatables框并使用以下js将自定义搜索框与Datatables关联，我能够覆盖搜索框的默认行为。我希望上述问题也有类似的方法。

var dataTable = $('#example-table').dataTable();
$("#searchbox").keyup(function() {
    dataTable.fnFilter(this.value);
});

谢谢

在自定义位置进行数据表分页

0 个答案: