缄戈 发表于 2025-10-13 11:38:25

vxe-table 实现列头筛选自定义插槽模板，自定义输入框筛选数据

vxe-table 实现列头筛选自定义插槽模板，自定义输入框筛选数据
查看官网：https://vxetable.cn
gitbub：https://github.com/x-extends/vxe-table
gitee：https://gitee.com/x-extends/vxe-table

代码

通过自定义插槽模板 floatingFilter 实现，可以同时自定义弹出筛选面板和浮动筛选的自定义模板，非常灵活实现自定义组件
<template>

    <vxe-grid ref="gridRef" v-bind="gridOptions">
      <template #nameFilter="{ option }">
      <vxe-input v-model="option.data" clearable @change="updateNameFilterStatus(option)"></vxe-input>
      </template>

      <template #nameFloatingFilter="{ option, column }">
      <vxe-input v-model="option.data" clearable @change="changeNameFilter(option, column)"></vxe-input>
      </template>
    </vxe-grid>

</template>https://gitee.com/x-extends/vxe-table

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

酒跚骼 发表于 2025-11-9 22:18:05

分享、互助 让互联网精神温暖你我

郜庄静 发表于 2025-11-27 20:37:34

喜欢鼓捣这些软件，现在用得少，谢谢分享！

晚能 发表于 2025-12-11 05:31:18

过来提前占个楼

稿辏付 发表于 2025-12-13 17:49:10

收藏一下   不知道什么时候能用到

申倩语 发表于 2026-1-14 07:37:13

热心回复！

椎蕊 发表于 2026-1-21 06:44:58

谢谢分享，试用一下

轨项尺 发表于 2026-1-22 00:56:53

谢谢楼主提供！

飧沾 发表于 2026-1-22 02:41:02

东西不错很实用谢谢分享

表弊捞 发表于 2026-1-22 23:04:54

鼓励转贴优秀软件安全工具和文档！

港髁 发表于 2026-1-23 02:46:55

新版吗？好像是停更了吧。

茅断卉 发表于 2026-1-24 09:19:58

收藏一下   不知道什么时候能用到

羊夏菡 发表于 2026-1-28 09:27:42

过来提前占个楼

欤夤 发表于 2026-1-30 08:20:44

感谢，下载保存了

欤夤 发表于 2026-2-5 11:45:51

不错，里面软件多更新就更好了

少屠 发表于 2026-2-6 09:09:09

懂技术并乐意极积无私分享的人越来越少。珍惜

钿稳铆 发表于 2026-2-7 07:13:44

谢谢楼主提供！

揿纰潦 发表于 2026-2-8 17:06:59

前排留名，哈哈哈

钱匾 发表于 2026-2-8 18:09:23

热心回复！

碛物 发表于 2026-2-9 23:50:14

yyds。多谢分享
页: [1] 2
查看完整版本: vxe-table 实现列头筛选自定义插槽模板，自定义输入框筛选数据