The layui data table uses the drop-down box to display the problem

When writing a dynamic table addition today, I found that the drop-down box is displayed inside the table and cannot be displayed outside

The problem is shown in the figure below:
insert image description here

The solution is as follows:

Just add this line of code.

 <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
});

The problem is solved as shown in the figure below:

insert image description here

The above is the solution to the problem

Guess you like

Origin blog.csdn.net/li22356/article/details/124818424