1. 程式人生 > >JQuery動態給LayUI table賦值

JQuery動態給LayUI table賦值

以下為html程式碼:
在這裡插入圖片描述
效果如下所示:

區域 報告數

var tableData = data.rows; //回撥函式獲取後臺返回的表格資料

        $.each(tableData, function (i, n) {  //回顯到表格
            var row = $("#template").clone();
            row.find("#name").text(n.name);
            row.find("#value").text(n.value);
            row.appendTo("#hot_table");//新增到模板的容器中
        });

注意:tableData引數的資料格式為[{“td的id”,value},{“td的id”,value}],即鍵值對的集合或陣列,其中key要與td的id保持一致。

以下是效果圖:
表格的樣式請自行調整