layui 表格嵌套

最新推荐文章于 2024-03-27 05:56:43 发布

安。

最新推荐文章于 2024-03-27 05:56:43 发布

阅读量2.6k

点赞数 3

分类专栏： layui 文章标签： java html

本文链接：https://blog.csdn.net/weixin_42439225/article/details/103990229

版权

本文介绍了如何在layui中实现表格的嵌套功能，详细讲解了相关步骤和关键代码，帮助开发者更好地理解和应用。

摘要由CSDN通过智能技术生成

layui 表格嵌套

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="shared/_layout::header('后台管理登录')">
</head>
<body>

	<table class="layui-hide" id="demo" lay-filter="test"></table>
	<script type="text/html" id="barDemo">

  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
</script>
	<script type="text/html" id="barDemo1">

  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
</script>
	<script>
		layui.use([ 'laydate', 'laypage', 'layer', 'table', 'carousel','upload', 'element', 'slider' ],
			function() {
   
				var table = layui.table; //表格
				var parentid =0;
				table.render({
   
					elem : '#demo',
					height : 670,
					url : '/dept/list',
					method : 'post',
					where: {
   parentid},
					parseData : function(res) {
    //res 即为原始返回的数据
						return {
   
							"code" : 0, //解析接口状态
							"msg" : res.message, //解析提示文本
							"count" : res.total, //解析数据长度
							"data" : res.rows//解析数据列表
							};
						},
					title : '用户表',
					page : t