葬空吟 2023-04-04 09:32 采纳率: 61%
浏览 31
已结题

vue前端有好用的类似excel的table表格npm包吗?

前端使用的是ant design vue 1.6.2版本,
项目需求页面中的表格可以在字段名那里进行排序,下拉筛选,搜索,简单来说就是excel的筛选功能,有没有类似功能的npm包

img

  • 写回答

2条回答 默认 最新

  • 丘比特惩罚陆 Java领域新星创作者 2023-04-04 11:37
    关注

    可以使用以下组件来实现您的需求:

    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的!!!

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 7月20日
  • 创建了问题 4月4日

悬赏问题

  • ¥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仿真