layui数据表格使用下拉框显示问题

今天写动态表格添加的时候,发现下拉框展示在表格内部,无法在外面显示

问题如下图所示:
在这里插入图片描述

解决方案如下:

只需要添加这行代码即可。

 <select  name="invalidCode" id="invalidCode" lay-verify="required" lay-filter="invalidCodeFilter" class="sel_action">
	<option value="">请选择请求人类型</option>
	<c:forEach items="${invalidList}" var="t">
	    <option value="${t.value}">${t.label}</option>
	</c:forEach>	
</select>
layui.use(['upload', 'form', 'layer', 'laypage', 'element', 'table'], function () {
    
    
	var form = layui.form;
	        var layer = layui.layer;
	        var laypage = layui.laypage;
	        var element = layui.element;
	        var upload = layui.upload;
	        var table = layui.table;
	        
$(".sel_action").parent().css('overflow', 'visible');//sel_action为下拉框class
});

问题解决如下图所示:

在这里插入图片描述

以上就是问题的解决方案

猜你喜欢

转载自blog.csdn.net/li22356/article/details/124818424