layUI数据表格(table)

<!--引入 layui.css--> 
//定义表格
<table class="layui-table" lay-data="{id:'myTableID'}">
  <thead>
    <tr> 
      <th lay-data="{type:'checkbox'}"></th> // --->加上选择框会显示行号
      <th lay-data="{field:'id', width:80,hide:true}">隐藏ID</th>
      <th lay-data="{field:'username', width:80}" rowspan="2">联系人</th>
      <th lay-data="{field:'amount', width:120}" rowspan="2">金额</th>
      <th lay-data="{align:'center'}" colspan="3">地址</th>
    </tr>
    <tr>
      <th lay-data="{field:'province', width:80}">省</th>
      <th lay-data="{field:'city', width:120}">市</th>
      <th lay-data="{field:'county', width:300,templet:'<div>{{myFun(d.county)}}</div>'}">详细</th>  //-->数据格式化
    </tr>
  </thead>
</table>

<!--引入 jquery.js--> 
<!--引入 layui.js-->

//自定义函数
function myFun(o){
    // do.....
}

//加载数据 刷新表格
table.reload('myTableID', {
    url: _ctx + '/url',
    where: { //参数设置
        aaaaaa: 'xxx'
        ,bbb: 'yyy'
        //…
    }
    ,page: {
        curr: 1 //从第 1 页开始显示
    }
});