526互联

vue + ElementUI 表格表头筛选数据过多，让筛选框显示滚动条

发布时间 2023-09-18 16:03:49作者: 张闲生

 

 

 代码参考：

.el-table-filter {
    max-height: 300px;
    overflow: auto;
}

因为，表头筛选功能是引入的element ui的第三方组件，当我们的样式写了scoped进行了样式管控只适用于当前组件时，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式穿透scoped。

 

 参考：https://www.cnblogs.com/hezihao/p/7423654.html

https://devpress.csdn.net/viewdesign/6410196b986c660f3cf923db.html?spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Eactivity-5-83416617-blog-124557999.235%5Ev38%5Epc_relevant_sort_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Eactivity-5-83416617-blog-124557999.235%5Ev38%5Epc_relevant_sort_base2&utm_relevant_index=9