layui实现表格合并单元格，设置不同背景色

最新推荐文章于 2024-07-25 10:24:34 发布

islittletan

最新推荐文章于 2024-07-25 10:24:34 发布

阅读量1.1k

点赞数

分类专栏： HTML/javascript 文章标签： js javascript layui 单元格合并隔行背景

本文链接：https://blog.csdn.net/qq776306395/article/details/108664927

版权

使用layui在表格中实现单元格合并，并设置了隔行不同背景色，以达到同一组新闻底色一致的效果。通过代码示例展示了在移动办公软件开发中的应用。

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

最近在使用layui的过程中，遇到了表格合并单元格，设置不同背景色的问题。

在此总结，大家一起学习。

同一组新闻的底色相同，效果如下：

实现代码：

<script>
        layui.config({
            base: '/static/' //静态资源所在路径
        }).extend({
            index: 'admin/lib/index' //主入口模块
        }).use(['index','table','layer','form','tableMerge','jquery'],function(){
        	var table = layui.table;
        	var form = layui.form;
        	var layer = layui.layer;
        	var $ = layui.$;
			var tableMerge = layui.tableMerge;
			//同组新闻同一个颜色
			var renderBg=function(trList){
        		var isExsit