layui数据表格渲染，操作按钮模板，模板监听，表格重载，导出任意数据

最新推荐文章于 2023-07-06 18:42:51 发布

原创

最新推荐文章于 2023-07-06 18:42:51 发布 · 2.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#layui数据表格渲染 #表格重载 #layui任意数据导出 #layui操作按钮模板

本文介绍了layui数据表格的高级使用技巧，包括方法渲染、模板监听操作按钮、表格重载以及如何导出任意数据。推荐使用方法渲染，减少HTML代码量。模板监听用于实现如删除或编辑等操作。表格重载适用于有条件筛选或关键字搜索的情况。此外，通过table.exportFile()可以导出数据，支持不同类型的数据格式。

layui数据表格渲染有三种方式：

方法渲染
自动渲染
转换静态表格

参考layui官网：https://www.layui.com/doc/modules/table.html#methodRender

官方推荐使用方法渲染，此种方法无需写过多的HTML，我自己用的也是此种方法。具体代码如下：

//	html部分
<table id="demo" lay-filter="demo"></table>

//	js部分
//	首先需要引入用到的table模块以及其他的用到的模块（我这里是项目中用到的模块，可根据自己实际情况引入）
layui.use(['form', 'layedit','laypage', 'laydate','laytpl','table'], function(){
   
     
	var form = layui.form
      ,layer = layui.layer
      ,layedit = layui.layedit
      ,laypage = layui.laypage
      ,laydate = layui.laydate
      ,laytpl = layui.laytpl
      ,table = layui.table;
      table.render({
   
   
      	elem: '#demo'
      	,url: '/Company_admin/Enterprise_purchase/index.php/Home/Anleihen/borrowing_list' //数据接口