在頁面裏引入 bootstrap-table.js 插件
$('#table').bootstrapTable('destroy'); //動態加載表格之前,先銷燬表格
$('#table').bootstrapTable({//表格初始化columns: tableColumns, //表頭
data:data //通過ajax返回的數據
});
//根據條件動態選擇表頭
//table 會根據field字段,加載data裏面的數據
tableColumns = [
{field: 'name', title: '名稱', sortable: true},
{field: 'number', title: '編號', sortable: true},
{field: 'classes', title: '類型', sortable: true},
{field: 'standard', title: '規格', sortable: true},
{field: 'managestaff', title: '專管員', sortable: true},
{field: 'remark', title: '備註', sortable: true}
];
}else if(infoid == 3){
tableColumns = [
{field: 'name', title: '名稱', sortable: true},
{field: 'contact', title: '聯繫方式', sortable: true},
{field: 'company', title: '公司', sortable: true},
{field: 'address', title: '地址', sortable: true},
{field: 'zipcode', title: '郵編', sortable: true},
{field: 'remark', title: '備註', sortable: true}
];
}else if(infoid == 4){
tableColumns = [
{field: 'name', title: '名稱', sortable: true},
{field: 'contact', title: '聯繫方式', sortable: true},
{field: 'post', title: '崗位', sortable: true},
{field: 'education', title: '學歷', sortable: true},
{field: 'brotherday', title: '出生日期', sortable: true},
{field: 'remark', title: '備註', sortable: true}
];
}else if(infoid == 7){
tableColumns = [
{field: 'base', title: '所在基地', sortable: true},
{field: 'classes', title: '溫室', sortable: true},
{field: 'standard', title: '規格', sortable: true},
{field: 'managestaff', title: '專管員', sortable: true},
{field: 'remark', title: '備註', sortable: true}
];
}else {
tableColumns = [
{field: 'crop', title: '作物', sortable: true},
{field: 'origin', title: '來源', sortable: true},
{field: 'standard', title: '規格', sortable: true},
{field: 'managestaff', title: '專管員', sortable: true},
{field: 'remark', title: '備註', sortable: true}
];
}