如何替换分页中的文本 "rows"

Question

在 pagination example 中，如何将底部的文本 "rows" 替换为另一个词，例如"products"?

显示第 1 到 10 行，共 800 行

变成

显示第 1 到 10 个产品，共 800 个产品

Ported from issue # 882 on bootstrap-table's issue tracker.

Answer 1

此文本是 bootstrap-table 的一部分 localizations. English (en-US) 默认加载。

解决方案 # 1 创建并包含自定义语言环境

/js/locale/bootstrap-table-en-US-custom.js

(function ($) {
    'use strict';

    $.fn.bootstrapTable.locales['en-US-custom'] = {
        formatLoadingMessage: function () {
            return 'Hold your horses...';
        },
        formatRecordsPerPage: function (pageNumber) {
            return pageNumber + ' bananas per page';
        },
        formatShowingRows: function (pageFrom, pageTo, totalRows) {
            return 'Showing ' + pageFrom + ' to ' + pageTo + ' of ' + totalRows + ' products';
        },
        formatSearch: function () {
            return 'Search';
        },
        formatNoMatches: function () {
            return 'No matching records found';
        },
        formatPaginationSwitch: function () {
            return 'Hide/Show pagination';
        },
        formatRefresh: function () {
            return 'Refresh';
        },
        formatToggle: function () {
            return 'Toggle';
        },
        formatColumns: function () {
            return 'Columns';
        },
        formatAllRows: function () {
            return 'All';
        }
    };

    $.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales['en-US-custom']);

})(jQuery);

同样重要的是要注意，本地化设置已合并到 table 设置中 - 这意味着您可以简单地

解决方案 # 2 在您的 table 设置中将它们作为参数传递：

$('#table').bootstrapTable({

    // .. your other table settings

    pagination: true,

    formatShowingRows: function (pageFrom, pageTo, totalRows) {
        return 'Showing ' + pageFrom + ' to ' + pageTo + ' of ' + totalRows + ' rows';
    }

});

Answer 2

或者你可以

var $table = $('#bootstrap-table');
$table.bootstrapTable({
                toolbar: ".toolbar",
                clickToSelect: true,
                showRefresh: true,
                search: true,
                showToggle: true,
                showColumns: true,
                pagination: true,
                searchAlign: 'left',
                pageSize: 8,
                clickToSelect: false,
                pageList: [8,10,25,50,100],

                formatRecordsPerPage: function(pageNumber){
                    return pageNumber + " rows visible";
                },

                formatShowingRows: function(pageFrom, pageTo, totalRows){
                    //do nothing here, we don't want to show the text "showing x of y from..."
                    return 'Showing ' + pageFrom + ' to ' + pageTo + ' of ' + totalRows + ' ';
                }

            });

如何替换分页中的文本 "rows"

how do I replace the text "rows" in pagination

bootstrap-table