博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue Element-ui 表格自带筛选框自定义高度
阅读量:4632 次
发布时间:2019-06-09

本文共 410 字,大约阅读时间需要 1 分钟。

el-table中可以在一行的某列进行筛选,代码如下:

其中 filters 就是筛选列表,格式为 classList = [{text: 'Test_配电箱自动识别', value: 'Test_配电箱自动识别'},{text: 'Test_门自动识别', value: 'Test_门自动识别'},……]

filter-placement 指定了筛选框的位置。

界面图如下:

在筛选的数据项比较少的情况下,可以正常展示,但是如果筛选的数据项很多,这样一屏就展示不全,所以需要添加样式进行控制,可以通过chrome的F12打开控制台,然后找到该筛选框,重写样式:

1  .el-table-filter {2     max-height: 500px;3     overflow: auto;4   }

 

转载于:https://www.cnblogs.com/x123811/p/8874223.html

你可能感兴趣的文章
linux安装ActiveMQ
查看>>
面向对象与软件工程---团队作业1
查看>>
认识一下Kotlin语言,Android平台的Swift
查看>>
spring中实现自己的初始化逻辑
查看>>
ConcurrentHashMap实现原理及源码分析
查看>>
oracle执行计划连接方式
查看>>
机器学习 决策树 ID3
查看>>
Cmake
查看>>
vue 之 nextTick 与$nextTick
查看>>
JS设计模式——3.封装与信息隐藏
查看>>
git-- 使用
查看>>
delphi对窗体的查询(delphi xe2)
查看>>
Ajax跨域:Jsonp原理解析
查看>>
hdu 5099 Comparison of Android versions 枚举题意
查看>>
算法第二章上机实践报告
查看>>
linux--memcache的安装和使用(转)
查看>>
有关于Matlab的regionprops函数的PixelIdxList和PixelList的一点解释
查看>>
Event Loop
查看>>
new做了些什么?
查看>>
BZOJ3835[Poi2014]Supercomputer——斜率优化
查看>>