layui table数据列表 列使用下拉选择框

 <script type="text/html" id="href">
  		 <div class="layui-input-inline">
           <select name="quiz2">
			<option value="">请选择性别</option>
 			<option value="男">男</option>
			<option value="女" selected>女</option>
           </select>
        </div>
	</script>

最重要的一点是需要修改样式 不然下拉框选择没有数据显示

 <style>
/* 防止下拉框的下拉列表被隐藏---必须设置--- 此样式和表格的样式有冲突 如果表格列数太多 会出现错乱的情况 目前我的解决方法是忽略下拉框的美化渲染 <select lay-ignore> */
.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;
}
</style>