layui框架实现table某一列的合并+冻结（合并列+fixed冻结二者发生冲突）

1、先实现的合并（百度上有很多），我用的是这个博主的
京兆文鱼博主的：合并列的代码
2、对1中已经完成合并的这一列进行“冻结”，我用的是layui框架自带的fixed属性（不知道的可以看一下layui的开发文档，里面有的）

在1的merge代码里，有这么一句话
var trArr = $(“.layui-table-main>.layui-table”).eq(4).find(“tr”);//所有行
$里的这个是你当前需要合并所在的列的这个内容，

但是你加了fixed属性后，你会发现，冻结的这一列是不属于上述内容的

所以只需将trArr后的daole符中的内容修改一下，$(“.layui-table-fixed.layui-table-fixed-l>.layui-table-body>.layui-table”).find(“tr”);
可能出来的结果会固定+会合并，但是因为只针对一列数据进行合并，导致样式很奇怪，可以将表格固定的列数再加列，就可以达到合并列+冻结的效果了

layui框架实现table某一列的合并+冻结（合并列+fixed冻结二者发生冲突）相关推荐

Layui框架中table解决日期格式问题
Layui框架中table解决日期格式问题参考文章: (1)Layui框架中table解决日期格式问题 (2)https://www.cnblogs.com/slacker-z/p/996347 ...
table中同一列中合并相同项
实现效果实现方法: 1.使用table中提供的合并方法spanMethod spanMethod({row, column, rowIndex, columnIndex}) {if (column. ...
element-ui table头部标题列栏合并
举例 <el-table v-if="selectedLi==1" :data="workLoadList" :span-method="cel ...
从零到一实现复杂表格需求(antd table 合并行合并列)
很多小伙伴对于产品提出的陌生需求就"麻爪".其实如何"解题"很重要,只要掌握正确的思考方式真的很简单. 效果展示 GIF 转换完比较糊环境 antd@2.x ...
element UI table合并行合并列(整理)
效果图1: 图一 <template><div class="container"><el-table :data="dataSource& ...
layui列表筛选列_layui框架的table字段筛选功能介绍
首先是在这个是针对字段的,所以给cols新增一个配置项,来决定哪些列需要有过滤的功能,一般来说只有那些数据可以归纳成几种分布的列才有做这个过滤的需求,比如例子中的性别列还有职业列,id列这些的意义不大 ...
Layui框架table组件使用
记录.总结Layui的form.table组件使用. 一.增删改查要完成的页面样式为: 使用的是Layui中form.table组件. HTML <html><head>&l ...
layui数据表格解析html,layui框架table 数据表格的方法级渲染详解
layui框架table 数据表格的方法级渲染详解如下所示: //js 规范书写 var tst=table.render({ elem: '#test11' ,cols: [[ //标题栏 {ch ...
layui table reload post请求_如何实现在Layui框架中完成父窗口刷新（更新）
最近有个项目使用Layui框架进行后端系统的界面搭建,其中Layui框架中的Layer组件在项目中会用得非常多.且有些功能会遇到子窗口完成数据的提交后,进行关闭同时会刷新父窗口的数据,所以此文章分享一 ...

layui框架实现table某一列的合并+冻结（合并列+fixed冻结二者发生冲突）

layui框架实现table某一列的合并+冻结（合并列+fixed冻结二者发生冲突）相关推荐

最新文章

热门文章