首頁猿問 bootstrap-table動態(tài)...

bootstrap-table動態(tài)綁定字段?

Bootstrap

ibeautiful 2019-01-28 10:02:02

bootstrap-table動態(tài)綁定字段

查看完整描述

3 回答

HUH函數(shù)

TA貢獻1836條經(jīng)驗獲得超4個贊

//使用ajax加載動態(tài)列的
var columns = [];
$.ajax({
url: 'getColumns.action',
type: 'post',
data: data,
dataType: "json",
async: true,
success: function (returnValue) {
//異步獲取要動態(tài)生成的列
var arr = returnValue;
$.each(arr, function (i, item) {
columns.push({ "field": item.colname, "title": item.colalias, "width": 100, "sortable": true });
});
});

$('#table_id').bootstrapTable('destroy').bootstrapTable({
data: data,
columns: columns
...
...
})

反對回復 2019-03-17

明月笑刀無情

TA貢獻1828條經(jīng)驗獲得超4個贊

$('#table_id').bootstrapTable('destroy').bootstrapTable({
data: data,
columns: [{
field: 'whichperiod',
title: '第幾期'
}, {
field: 'overdueamounts',
title: '逾期金額(元)'
}, {
field: 'overduedate',
title: '逾期開始日期',
}, {
field: 'overduelong',
title: '逾期時長'
}, {
field: 'reason',
title: '逾期原因'
}, {
field: 'disposalstatus',
title: '處置狀態(tài)'
}]
});