ruby-on-rails 如何使用“bootstrap-table-rails”添加另一个相同的分页

bvjxkvbb  于 2023-06-07  发布在  Ruby
关注(0)|答案(1)|浏览(155)

我想在单个表中添加另一个相同的分页。现在分页显示在表的底部,但我想在表的顶部另一个。我已经搜索过了,我找不到任何,但我不想安装另一个宝石。但是,如果没有“bootstrap-table-rails”选项,我想得到建议。
JS代码是

$(document).bind("turbolinks:load", function(){
    var pageSize = Cookies.get("pageSize") || 50;
    $("#custom-table").bootstrapTable({pagination:true, pageNumber:Cookies.get("pageNumber"), pageSize:pageSize,  sortName:Cookies.get("sortName"), sortOrder:Cookies.get("sortOrder")});

HTML是

table.table.table-striped.table-bordered.table-condensed data={toggle:"table", search:"true", pagination:"true", "page-size"=>50}
ee7vknir

ee7vknir1#

尝试以下步骤可能会对您有所帮助

创建分区:

<div id="top-pagination"></div>

修改JS

$(document).bind("turbolinks:load", function(){
    var pageSize = Cookies.get("pageSize") || 50;

    // Initialize the bottom pagination
    $("#custom-table").bootstrapTable({
        pagination: true,
        pageNumber: Cookies.get("pageNumber"),
        pageSize: pageSize,
        sortName: Cookies.get("sortName"),
        sortOrder: Cookies.get("sortOrder")
    });

    // Initialize the top pagination
    $("#top-pagination").bootstrapTable({
        pagination: true,
        pageNumber: Cookies.get("pageNumber"),
        pageSize: pageSize,
        sortName: Cookies.get("sortName"),
        sortOrder: Cookies.get("sortOrder")
    });
});

相关问题