代码拉取完成,页面将自动刷新
在 table 组件中使用 templet 属性实现 select 下拉时,存在被遮挡的问题。
因为 table 单元格默认是单行模式,且会对元素溢出隐藏。
若还在使用 Layui,可升级到到 2.7 版本,采用新增的 css
基础参数项来实现。如:
table.render({
elem: '#id',
css: '.layui-table-cell{height: 50px; line-height: 40px; overflow: visible;}'
});
在线测试: https://codepen.io/sentsim/pen/bGvoXdP
注意事项: 要严格控制好内容长度不要超出单元格宽高度。
<select lay-ignore class="layui-border">…</select>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
登录 后才可以发表评论