layui table 添加img_layui中table表格的基本操作

最近抽空总结了下layui中table表格的相关配置，解释的比较全面，可供大家参考，页面效果如下：

table表格.png

table表格html部分：

新增

备注

编辑

table表格渲染js (包含分页器及返回数据处理等):

table.render({

elem: '#table-data-list' //table标签id

, url: layui.setter.server.xmh + '/productList'//table数据请求地址

, method: "post"//请求方式

, toolbar: '#table-data-list-toolbar-top' //table上方的工具条id

, defaultToolbar: ['filter'] //table工具条默认三个值['filter','print','exports'],过滤，打印，导出

, contentType: 'application/json'//请求头设置数据类型，否则默认为application/x-www-form-urlencoded

, page: true //开启