Easyadmin+layui实现的数据表格,下拉框无法显示如何解决?

使用Easyadmin开发的数据后台,在数据表格中,新加的下拉框元素,发现无法下拉,

 检查元素发现,存在下拉项:

 那说明是元素被隐藏,检查父级元素,直到找到.layui-table-cell,发现存在样式 overflow:hidden,禁止此项则全部展示。

 但新出的问题在于,如果删除此css,则别的格式会突出,导致页面混乱,所以只需要对有下拉框的列设置显示样式即可,检查该列数据共同项发现都有data-field="data_type",设置CSS如下:

td[data-field="data_type"] .layui-table-cell {
    overflow: visible;
}

刷新检查:

 

当前列可显示下拉框,其余列保持原状,完美解决!

posted @ 2025-05-24 10:18  coderjim  阅读(68)  评论(0)    收藏  举报

更多知识请点击——

www.7017online.xyz