layui中創(chuàng)建table的方法

1、layui中創(chuàng)建table的方法table模塊是layui的又一走心之作，在layui2.0的版本中全新推出，是layui最核心的組成之一。它用于對表格舉行一些列功能和動態(tài)化數(shù)據(jù)操作，涵蓋了日常業(yè)務(wù)所涉及的幾乎所有需求。推舉：layui用法教程支持固定表頭、固定行、固定列左/列右，支持拖拽轉(zhuǎn)變列寬度，支持排序，支持多級表頭，支持單元格的自定義模板，支持對表格重載（比如搜尋、條件篩選等），支持復(fù)選框，支持分頁，支持單元格編輯等等一些列功能。html：關(guān)鍵字：時光段：搜尋varfn=function()returnmoment(d.applydate).format("yyyy-mm-d

2、d");if(true)fn()查看編輯刪除javascript：$(document).ready(function()inittable(););layui.use(&39;laydate&39;,function()varlaydate=layui.laydate;/時光挑選器laydate.render(elem:&39;timearea&39;,range:true););functioninittable()vartimearea=$("timearea").val();varstarttime=""varendtime="

3、;"if(timearea)starttime=timearea.split("-")0;/開頭時光endtime=timearea.split("-")1;/結(jié)束時光layui.use(&39;table&39;,function()vartable=layui.table;/執(zhí)行渲染table.render(id:&39;demo&39;,elem:&39;demo&39;/指定原始表格元素挑選器（推舉id挑選器）,height:315/容器高度,cols:checkbox:true,field:&39;departmentname&39;

4、,title:&39;單位名稱&39;,width:180,sort:true,field:&39;isname&39;,title:&39;信息系統(tǒng)名稱&39;,width:200,sort:true,field:&39;cloudtype&39;,title:&39;上云類別&39;,width:130,sort:true,field:&39;contactperson&39;,title:&39;聯(lián)絡(luò)人&39;,width:130,sort:true,field:&39;contactphonenumber&39;,title:&39;聯(lián)絡(luò)人手機&39;,width:130,field:

5、&39;applydate&39;,title:&39;申請日期&39;,width:150,sort:true,templet:&39;datetpl&39;,field:&39;cloudstate&39;,title:&39;操作&39;,width:160,fixed:&39;right&39;,toolbar:&39;bardemo&39;,url:&39;/order/gettabledata/&39;,where:keywords:$("keyword").val(),starttime:starttime,endtime:endtime,method:&39

6、;post&39;,limits:10,20,30,50,100,limit:10,/默認采納10loading:true,page:true);/監(jiān)聽工具條table.on(&39;tool(demo)&39;,function(obj)vardata=obj.data;if(obj.event=&39;detail&39;)layer.msg(&39;id：&39;+data.applyid+&39;的查看操作&39;);elseif(obj.event=&39;del&39;)layer.confirm(&39;真的刪除行么&39;,function(index)obj.del();layer.close(index););els