layui固定列失效

最新推荐文章于 2024-04-09 09:53:07 发布
最新推荐文章于 2024-04-09 09:53:07 发布
阅读量2.4k 收藏
点赞数
分类专栏： 前端 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31391261/article/details/115058285
版权

使用的layui版本：layui 2

现象：layui固定列失效

原因：table标签外面包括div引用的class类导致css设置失效

 

1.官方设置：table的css样式，只有一个

layui固定设置demo链接：https://www.layui.com/demo/table/fixed.html

 

2.本人的table标签外面包裹的div使用了“admin-main”类，使table的属性fixed失效

 

解决方法：

删除table标签外面div标签中的“admin-main”类，修改后即生效

最低0.47元/天 解锁文章
skye-深蓝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
表格设置table-layout:fixed后对单元格宽度设置无效
09-25
在对设置表格设置table-layer:fixed样式后，发现表格中有一行合并过，其它没有合并的行的列宽会平均化，对列宽的设置会失效，下面有详细的解决方法，大家可以学习学习
使用layui table固定列失效
Json_Marz的博客
04-18 5963
最近做项目，前端表格由原先的DataTables改为layui Table，在使用layui Table的固定列时，固定列失效。 layui.use('table', function(){ var table = layui.table; table.render({ elem: '#test' ,url:'/demo/table/user/' ,wid...
Layui 渲染table 复杂头部固定，高度显示不一致
最新发布
zcc_wd的博客
04-09 278
整体前面固定的高度比没有固定的高度多出好多，看的变扭，还不美观，在网上翻了半天都没有找到办法，后来发现是因为rowspan导致colspan的高度和他的子级高度都是78px。把style的高度去掉，样式会恢复到默认样式的高度，后来用了很多方法都不太能去掉，只能用笨方法，去除高度。
layui的右侧固定列不起作用
weixin_45495198的博客
11-20 6600
layui的右侧固定列不起作用 项目需求为使用表格展示数据，左侧和右侧的列是固定的，中间的列可以滑动展示。类似这种。 链接: layui官网 于是我在需要固定的列分别加上了fixed: 'left’和fixed: ‘right’。 遇到的问题为初次进入页面或者刷新进入页面的时候，左侧只有表头是固定的，右侧不固定。但是打开F12或者重新切换至当前页面，固定效果会正常显示。仔细比较两次的dom。 正...
解决layui table使用fixed之后，表格与fix列错位
xtho62的博客
12-15 3786
Layui fixed:‘left’ 或者’right’对不齐 应该怎么办？这个问题和出现纵向滚动轮有关系，没有的时候都是没有问题的，因为渲染的时候出现了固定列和表格的层级关系问题。 错位展示： 在不改源码的前提下修复这个问题： 即在table渲染的done函数调用处理函数：代码如下 , done: function () { $(".layui-table-main tr").each(function (index, val) { $(".layui-table-fixed").ea
layui框架实现table某一列的合并+冻结（合并列+fixed冻结二者发生冲突）
qq_42260040的博客
05-23 2460
1、先实现的合并（百度上有很多），我用的是这个博主的 京兆文鱼博主的：合并列的代码 2、对1中已经完成合并的这一列进行“冻结”，我用的是layui框架自带的fixed属性（不知道的可以看一下layui的开发文档，里面有的） 在1的merge代码里，有这么一句话 var trArr = $(“.layui-table-main>.layui-table”).eq(4).find(“tr”);//所有行 $里的这个是你当前需要合并所在的列的这个内容， 但是你加了fixed属性后，你会发现，冻结的这一列.
layui中table固定列fixed:‘right‘
qazwsx_edc1的博客
06-09 3407
var tableData1 = [ { "id": 100, "username": "788", "sex": "89", "city": "78%", "sign": "45%", "experience": '56%', "logins": "24%", "wealth": 82830700, "classify": "示范区", "score": 57 }, { "id": 101, "username": "788", "sex": "89",...
layui在有tab页面中 的table 使用固定列时，切换tab之后固定列不生效问题
weixin_45214675的博客
12-30 1001
layui-多tab页面中 table 使用固定列，切换tab之后固定不生效问题。
layui的fixed设置不生效
u014202776的博客
04-03 365
layui table 表头设置了fixed 以后只有表头能固定,拖动滚动条下面的固定列数据也会跟着滚动。本文章就是解决这个问题的
layui-table固定列自动换行.txt
06-06
layui数据表格自动换行，当设置固定列时，会出现行高不一致的问题，用户体验不好，只需要在页面中增加几行代码即可解决。
layui表格 列自动适应大小失效的解决方法
10-16
今天小编就为大家分享一篇layui表格 列自动适应大小失效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决layui中onchange失效以及form动态渲染失效的问题
10-16
总结来说，当在layui项目中遇到`onchange`事件失效或form动态渲染失效的问题时，我们需要利用layui提供的API进行调整。对于`onchange`事件，我们可以使用`lay-filter`和`form.on`来替代；对于动态渲染，记得在添加...
解决layui弹框失效的问题
10-16
今天小编就为大家分享一篇解决layui弹框失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui解决工具栏设置fixed: ‘right‘导致高度不一致
weixin_36977678的博客
01-14 1199
done: function () { //设置表头高度 $(".layui-table-header").eq(1).find("table").height($(".layui-table-header").eq(0).height()+1); //设置按钮栏高度 $(".layui-table").eq(1).find("tr").each(function(index,el
layui 的左右固定表格的高度和内容table保持一致
sinat_38992528的博客
05-29 638
js：就是done里的代码。
layuiTable固定列
热门推荐
冷湮的博客
05-17 1万+
开发工具与关键技术：VS and Js 作者：代富强 撰写时间：2021.5.17 平常写layuiTable表格的时候，如果列太多就会发现一些经常查看的信息就需要来回拖动滚动条才能看到，十分麻烦。如果有什么办法可以让经常查看的那一列定在一旁会不会方便很多呢？ 其实要把经常查看的那一列定在一旁并不难。下面先写出layuiTable的css代码： @*Layui表格*@ 在引入Js文件之后就开始编写js代码，首先给它声明一
layui-table表格固定列错位问题
weixin_42284211的博客
12-10 4710
当表格行高动态发生变化时，固定列行高不变导致的表格错位问题 解决方法： 在layui-table加载完成的done回调函数中，动态监听table行高，添加以下代码 done: function (res, curr, count) { $("[data-field='lowerHairPath']").css('display', 'none'); $(".layui-table-main tr").each(function
layui动态固定表格表头
岁月如歌去，十年弹指间
05-07 1704
.table-sticky-head .layui-table tbody{ height: calc(100vh - 325px); display: block; overflow-y: scroll; overflow-x: scroll; width: 100vw; } .table-sticky-head .layui-table tbody::-webkit-scrollbar { display: none; } .table-sticky-he..
layui.on失效
01-10
layui.on是Layui中的一个事件监听方法，用于监听指定元素的特定事件。当出现layui.on失效的情况，可能是由于以下几种情况： 1. 事件绑定错误：可能是因为事件的绑定写错了，导致无法正确监听到事件。在此情况下，需要检查代码中事件绑定的部分，确保事件名称、元素选择器等信息都是正确的。 2. Layui版本问题：有时候Layui的版本更新或者切换了CDN地址等原因，也会导致layui.on失效。这时需要检查当前使用的Layui版本是否支持layui.on方法，或者尝试更新或者切换Layui的CDN地址。 3. 其他Javascript错误：在页面中可能存在其他Javascript错误，导致layui.on失效。可以通过控制台查看报错信息，逐步排查可能的问题。 解决layui.on失效的方法主要是检查代码中的事件绑定部分，确保代码正确；检查Layui版本以及相关的CDN地址；排查其他可能存在的Javascript错误。如果以上方法都无法解决问题，可以参考Layui官方文档或者在社区寻求帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值