驼娑 发表于 2025-9-5 23:20:08

vxe-table 单元格超出隐藏内容提示使用自定义插槽模板

vxe-table 单元格超出隐藏内容提示使用自定义插槽模板
当内容溢出时显示为省略号，show-overflow 和 show-header-overflow 和 show-footer-overflow
如果需要更灵活的展示，还可以使用自定义提示插槽模板，通过 headert-tooltip、tooltip、footer-tooltip 来自定义模板
查看官网：https://vxetable.cn
gitbub：https://github.com/x-extends/vxe-table
gitee：https://gitee.com/x-extends/vxe-table
效果




代码

单元格提示模板，使用插槽 headert-tooltip、tooltip、footer-tooltip 来自定义模板
<template>

    <vxe-grid v-bind="gridOptions">
      <template #header-tooltip="{ column }">
      自定义表头：{{ column.title }}
      </template>
      <template #tooltip="{ row, column }">
      
          自定义：{{ row }}
          <vxe-link status="primary" href="https://vxeui.com/" target="_blank">点击查看官网</vxe-link>
      
      </template>
      <template #footer-tooltip="{ row, column }">
      自定义表尾：{{ row }}
      </template>
    </vxe-grid>

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

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

煞赶峙 发表于 2025-10-24 13:27:23

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

万妙音 发表于 2025-12-9 01:23:35

感谢分享，下载保存了，貌似很强大

晾棋砷 发表于 2025-12-11 05:46:18

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

卓卞恻 发表于 2025-12-16 15:29:21

感谢发布原创作品，程序园因你更精彩

康器 发表于 2025-12-17 02:02:13

这个有用。

骆贵 发表于 2025-12-19 11:31:15

感谢分享，下载保存了，貌似很强大

娄静曼 发表于 2026-1-4 19:02:24

感谢，下载保存了

周冰心 发表于 2026-1-5 01:43:06

谢谢分享，试用一下

敖可 发表于 2026-1-9 20:47:45

东西不错很实用谢谢分享

拼匍弦 发表于 2026-1-17 17:21:30

前排留名，哈哈哈

琦谓 发表于 2026-1-18 00:59:14

谢谢分享，辛苦了

米榜饴 发表于 2026-1-18 14:00:23

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

判涔 发表于 2026-1-24 15:55:07

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

事确 发表于 2026-1-25 12:21:41

感谢分享

山芷兰 发表于 2026-1-25 12:34:15

前排留名，哈哈哈

归悦可 发表于 2026-1-28 12:20:51

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

恃液 发表于 2026-1-30 08:16:08

东西不错很实用谢谢分享

豺独 发表于 2026-2-2 02:47:35

yyds。多谢分享

俞秋荣 发表于 2026-2-3 06:26:41

感谢，下载保存了
页: [1] 2
查看完整版本: vxe-table 单元格超出隐藏内容提示使用自定义插槽模板