backbone.js 如何通过隐藏数字自定义分页

mzillmmw  于 2023-08-05  发布在  其他
关注(0)|答案(1)|浏览(184)

我想通过隐藏数字和显示next,previous,first和last like来自定义引导表分页:enter image description here
我想通过隐藏数字和显示下一个,上一个,第一个和最后一个按钮来定制引导表分页

ac1kyiln

ac1kyiln1#

你可以使用jquery或者Js来隐藏数字而保留文本

$(document).ready(function() {
  // Hide the page numbers
  $('.pagination').find('li').not('.prev,.next,.first,.last').hide();
  // Update the button text
  $('.pagination').find('.prev').html('« Previous');
  $('.pagination').find('.next').html('Next »');
  $('.pagination').find('.first').html('First');
  $('.pagination').find('.last').html('Last');
});

字符串
我们隐藏所有列表项(li),除了类为.prev、.next、.first和. last的列表项。然后,我们更新这些按钮的HTML内容,以显示所需的文本

<table id="myTable" data-pagination="true" data-page-list="[10, 25, 50, 
   100]" data-show-pagination-switch="true">
<!-- Your table content here -->
</table>


可以替换为实际的表内容。请记住在项目中包含Bootstrap和jQuery所需的CSS和JS依赖项。

相关问题