1. 程式人生 > >Bootstrap Table 實現列格式化顯示

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 },], });