llayui多表头，数据错位，多出很多列，解决方案

最新推荐文章于 2024-05-30 11:05:59 发布

gs981600308

最新推荐文章于 2024-05-30 11:05:59 发布

阅读量8.4k

点赞数

分类专栏：笔记学习笔记文章标签： layui多表头

本文链接：https://blog.csdn.net/gs981600308/article/details/98209310

版权

layui表格在使用多表头时出现数据错位，显示多余列的问题，实际上是官方插件的一个bug。通过查阅文档并按照指定步骤操作，可以解决此问题。具体解决方法包括访问指定文档，下载修复后的tablePlug文件夹并将其引入项目。

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

代码如下：

<table class="layui-table" lay-filter="cszx" lay-data="{url: '../../json/cszx.json', height: 'full-0', cellMinWidth: 60, page: true}">
	<thead>
    	<tr>
		<th lay-data="{align: 'right', width: '50%'}" colspan="8">总数</th>
		<th lay-data="{field: 'tr2-8', align: 'center'}">3</th>
		<th lay-data="{field: 'tr2-9', align: 'center'}">0</th>
		<th lay-data="{field: 'tr2-10', align: 'center'}">0</th>
		<th lay-data="{field: 'tr2-11', align: 'center'}">0</th>
		<th lay-data="{field: 'tr2-12', align: 'center'}">0</th>
		<th lay-data="{field: 'tr2-13', align: 'center'}">3</th>
		<th lay-data="{fiel

最低0.47元/天解锁文章

gs981600308

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
4
评论
llayui多表头，数据错位，多出很多列，解决方案

代码如下：<table class="layui-table" lay-filter="cszx" lay-data="{url: '../../json/cszx.json', height: 'full-0', cellMinWidth: 60, page: true}"> <thead> <tr> <th lay-data="{al...
复制链接

扫一扫