Bootstrap Table 實現列格式化顯示
阿新 • • 發佈:2019-02-05
格式化使用函式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
},],
});