您的当前位置：首页 > web资讯 > layui解决table嵌入表单时不能展开的问题

layui解决table嵌入表单时不能展开的问题

所属分类: UI框架 2021-06-01 10:26:34 编辑：admin 浏览次数 364 次

加入以下样式可以解决table嵌入表单时不能展开的问题

.layui-table-cell, .layui-table-tool-panel li{
overflow:visible !important;
}

或者

/* 防止下拉框下拉值被遮盖*/

.layui-table-cell {

overflow: visible;

}

.layui-table-box {

overflow: visible;

}

.layui-table-body {

overflow: visible;

}

/* 调整高度 */

td .layui-form-select{

margin-top: -10px;

margin-left: -15px;

margin-right: -15px;

}

或者

td[style='overflow:visible'] .layui-table-cell{
overflow:visible
}
td[data-field='sign']{
background: aqua;

}

下面加一个style

{
field: 'sign',
title: '下拉',
width: 160,
templet: '#selectTpl',
style:'overflow:visible'
},