layui怎样将响应数据展示在页面_layUI 表格渲染如何追加数据到表格后面

实现追加功能

初始化的data数据设置为全局变量，追加时执行loadMore方法，该方法会给data变量添加更多数据。然后table.reload重新加载渲染显示表格。

var table = null;

var data = [

{id: 1, username: 'test1'},{id: 2, username: 'test2'},{id: 3, username: 'test3'}

];

function loadMore() {

var len = data.length;

for(var i = 0; i < 3; i++) { // 追加新数据

data.push({id: len+i+1, username: 'test'+(len+i+1)});

}

table.reload('demo', {

data: data // 调用table.reload 重新渲染显示加载追加了数据的表格

});

}

具体代码可以根据你自己的业务逻辑修改，但是大体步骤就是这样，全部代码如图