Layui树形表格

简介

treeTable实现了layui数据表格的大部分功能，并且在用法上与几乎数据表格一致， 支持懒加载、复选框联动(半选)、拖拽列宽、固定表头等功能。

演示地址：https://whvse.gitee.io/treetable-lay/

参考了作者的示例，进行了一些改造。

前端代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>











    

	
	
	
	
	
		
	
		

后端代码

public class TypeController {
	@Resource
	private TypeService typeService;
	@Resource
	private GoodsService goodsService;
	private static final Logger logger = LoggerFactory.getLogger(TypeController.class.getName());
	
	// 查询列表
	@RequestMapping("getTypeList")
	@ResponseBody
	public String getTypeList() {
		int count = typeService.count();
		List list = typeService.getAll();
		String s = JSON.toJSONString(list);
		logger.info(s);
		JSONObject obj = new JSONObject();
		// 前台通过key值获得对应的value值
		obj.put("code", 0);
		obj.put("msg", "");
		obj.put("count", count);
		obj.put("data", list);
		return obj.toJSONString();
	}
}

页面渲染效果

数据库表