1、代码
单元格样式:
* 设置下拉框的高度与表格单元相同 */
.layui-table-cell {
width: 100%;
height: 100%;
border: 1px;
border-color: #F2F2F2;
}
表格初始化后的回调:
done: function (res, curr, count) {
$(".layui-table-body, .layui-table-box").css('overflow','visible');
layui.each($('select'), function (index, item) {
var elem = $(item);
elem.val(elem.data('value')).parents('div.layui-table-cell').css('overflow', 'visible');
});
form.render();
}
2、发现问题过程
1)其他回答采用如下代码,使下拉框选项浮动到最顶层。实际使用时导致其他单元表格的样式错乱,无法符合预期。
$(".layui-table-body, .layui-table-box, .layui-table-cell").css('overflow','visible');
2)
<select name="sel" lay-filter="sel" data-value='{{d.selvalue}}' class="layui-border" lay-ignore onchange="saveLast(this)">
中 lay-ignore忽视选择框样式会导致无法使用lay-search="cs"进行输入自动选择下拉框,且没自定义样式美观。
调试页面结果