這次在開發中遇到,有列數不固定的情況。廢話不多說,先上圖,在上代碼。






下面上JS代碼
1 function SearchData() {
2 var dYear = $("#DYear").val();
3 var beginWeek = $("#DSWeek").val();
4 var endWeek = $("#DEWeek").val();
5 var params = {};
6 params = CreateParamData(params, "dYear", dYear);
7 params = CreateParamData(params, "beginWeek", beginWeek);
8 params = CreateParamData(params, "endWeek", endWeek);
9 var mycars = new Array();
10 var result;
11 $.ajax({
12 url: GetUrl('Mold', 'Mold_MaintTotal'), // //請求路徑
13 type: "post",// "post", //請求方式
14 dataType: 'json', //期望獲得的返回值類型
15 async: false, //是否異步
16 data: params, //傳遞的參數
17 success: function (data) {
18 console.log(data.Data);
19 if (data != '') {
20 if (data.Result == 3) {
21 result = data.Data;
22 var strs = new Array();
23 strs = result[0];
24 for (var k in strs) {
25 mycars.push({
26 field: k, title: k, align: 'center', width: 120, sort: false
27 });
28 }
29 }
30 }
31 },
32 error: function (jqXHR, textStatus, errorThrown) {
33
34 //console.log('狀態碼:' + jqXHR.status);
35 //console.log('錯誤信息:' + jqXHR.statusText);
36 //console.log('服務器反饋信息:' + textStatus);
37 }
38 });
39 layui.use(['form', 'layer', 'table', 'jquery'],
40 function () {
41 var laytable = layui.table;
42
43 //動態加載數據
44 laytable.render({
45 elem: '#workbTable'
46 , cols: [mycars]
47 , data: result
48 });
49 });
50 };

