Layui table動態新增行

點擊新增行按鈕前：

點擊新增行按鈕後：

前端實現代碼：

<button class="layui-btn layui-btn-sm" data-type="reload" onclick="addFunctionModule()" lay-event="addFunctionModule">新增行</button>

var attId = '', applicationNum = '', functionModule = '';

/**
  * 新增行
*/
addFunctionModule = function () {
     var newData = {
        id: attId
        , applicationNum: applicationNum
        , functionModule: functionModule
      }
      var dataList = getDataList("functionModule_table");//table的id
      var newDataList = dataList.concat(newData);
      table.reload("functionModule_table", {
      data: newDataList
      })
     }
/**  
 * 獲取列表數據
 */
function getDataList(tableId) {
    if (table.cache[tableId]) {
    return table.cache[tableId];
    }
    return [];
 }

轉自：https://blog.csdn.net/weixin_41239249/article/details/108192974