我想通过隐藏数字和显示next,previous,first和last like来自定义引导表分页:enter image description here我想通过隐藏数字和显示下一个,上一个,第一个和最后一个按钮来定制引导表分页
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依赖项。
1条答案
按热度按时间ac1kyiln1#
你可以使用jquery或者Js来隐藏数字而保留文本
字符串
我们隐藏所有列表项(li),除了类为.prev、.next、.first和. last的列表项。然后,我们更新这些按钮的HTML内容,以显示所需的文本
型
可以替换为实际的表内容。请记住在项目中包含Bootstrap和jQuery所需的CSS和JS依赖项。