bootstrap-table - 如何在分页中替换文本 "rows"

标签 bootstrap-table

pagination example ,如何将底部的文本“行”替换为另一个词,例如“产品”?

显示 1 到 10 个,共 800 行

变成

显示 1 到 10 个,共 800 个产品

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

最佳答案

此文本是 bootstrap-table 的一部分 localizations .默认加载英语 ( 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);

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

解决方案#2 在您的表设置中将它们作为参数传递:
$('#table').bootstrapTable({

    // .. your other table settings

    pagination: true,

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

});

关于bootstrap-table - 如何在分页中替换文本 "rows",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30307098/

相关文章:

javascript - AngularJS/bootstrap-表: passing object with ng-click on data-formatter button

sqlite - 在 Electron 表格中显示db文件数据

html - 表格的标题在 chrome 的打印窗口中分为两页

javascript - 将多个 id 从复选框传递到 Laravel 中的 Controller

angular - 无法在 Angular 2 组件中插入引导表

javascript - 如何将额外的属性添加到 bootstrapTable 中

html - Bootstrap表格设置单元格宽度问题

javascript - Loading, please wait 信息不会在数据加载完成后隐藏

javascript - 如何使 th 的宽度等于另一个 bootstrap-table 中的每个对应的 th

html - Bootstrap 4 表响应 tbody 滚动