前端使用的是ant design vue 1.6.2版本,
项目需求页面中的表格可以在字段名那里进行排序,下拉筛选,搜索,简单来说就是excel的筛选功能,有没有类似功能的npm包
![](https://profile-avatar.csdnimg.cn/fcbe75e6b851403cb8a6ccbf06938da1_m0_56118578.jpg!4)
vue前端有好用的类似excel的table表格npm包吗?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
关注
可以使用以下组件来实现您的需求:
Table 组件:Ant Design Vue 的 Table 组件支持排序和筛选。您可以使用 columns 属性来定义表格的列,并使用 sorter 属性来启用排序功能。您也可以使用 filters 属性来启用筛选功能。此外,您还可以使用 onFilterChange 事件来监听筛选变化。看这个官方文档:https://www.antdv.com/components/table-cn/#API%E3%80%82
Select 组件:Ant Design Vue 的 Select 组件支持下拉菜单选择。您可以使用 options 属性来定义下拉菜单中的选项,并使用 value 属性来指定当前选中的值。此外,您还可以使用 on-change 事件来监听选择变化。看这个官方文档:https://www.antdv.com/components/select-cn/#API%E3%80%82
Input 组件:Ant Design Vue 的 Input 组件支持文本输入和搜索功能。您可以使用 search 属性来启用搜索功能,并使用 onSearch 事件来监听搜索变化。看这个官方文档:https://www.antdv.com/components/input-cn/#API%E3%80%82
如果需要更高级的表格组件和功能,您可以考虑使用第三方 npm 包,例如:
vue-good-table:https://xaksis.github.io/vue-good-table/
vue-data-tables:https://github.com/njleonzhang/vue-data-tables
vue-tables-2:https://github.com/matfish2/vue-tables-2
这些 npm 包提供了更丰富的表格功能,例如分页、导出、编辑、复制等。可以根据自己的需求选择合适的包。不给个关注我会很down的!!!
解决 无用评论 打赏 举报
悬赏问题
- ¥20 python忆阻器数字识别
- ¥15 无法输出helloworld
- ¥15 高通uboot 打印ubi init err 22
- ¥20 PDF元数据中的XMP媒体管理属性
- ¥15 R语言中lasso回归报错
- ¥15 网站突然不能访问了,上午还好好的
- ¥15 有没有dl可以帮弄”我去图书馆”秒选道具和积分
- ¥15 semrush,SEO,内嵌网站,api
- ¥15 Stata:为什么reghdfe后的因变量没有被发现识别啊
- ¥15 振荡电路,ADS仿真