Bootstrap Table 实现列格式化显示

格式化使用函数formatter
例如:

formatter: function (value, row, index) {
                if (value == 'en') {
                    return "英语";
                } else {
                    return "中文";
                }
            }

详细使用如下:

var $table = $('#table').bootstrapTable({
        url: '/fnd/message/query',
        height: 460,
        method: 'post',
        search: true,
        locale: 'zh-CN',
        pagination: true,
        sidePagination: 'server', // client or server
        pageList: [10, 25, 50, 100],
        showColumns: true,
        showRefresh: true,
        sortable: true,
        contentType: 'application/x-www-form-urlencoded',
        queryParams: queryParams,
        toolbar: '#toolbar-btn',
        columns: [{
            field: 'state',
            checkbox: true,
        }, {
            field: 'messageCode',
            title: '<@spring.message "fnd.message_code"/>',
            sortable: true,
            width: 300,
            editable: true
        }, {
            field: 'langCode',
            title: '<@spring.message "fnd.lang_code"/>',
            width: 150,
            align: 'center',
            editable: {
                type: 'text',
                title: '<@spring.message "fnd.lang_code"/>',
                validate: function (v) {
                    if (!v) return '语言不能为空';

                }
            },
            formatter: function (value, row, index) {
                if (value == 'en') {
                    return "英语";
                } else {
                    return "中文";
                }
            }
        }, {
            field: 'messageText',
            title: '<@spring.message "fnd.message_text"/>',
            editable: true
        },],
    });

你可能感兴趣的:(Bootstrap,Table)