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 来自定义模板

1. <template>
2.   
3.     <vxe-grid v-bind="gridOptions">
4.       <template #header-tooltip="{ column }">
5.         自定义表头：{{ column.title }}
6.       </template>
7.       <template #tooltip="{ row, column }">
8.         
9.           自定义：{{ row[column.field] }}
10.           <vxe-link status="primary" href="https://vxeui.com/" target="_blank">点击查看官网</vxe-link>
11.         
12.       </template>
13.       <template #footer-tooltip="{ row, column }">
14.         自定义表尾：{{ row[column.field] }}
15.       </template>
16.     </vxe-grid>
17.   
18. </template>

复制代码

https://gitee.com/x-extends/vxe-table

来源：豆瓜网用户自行投稿发布，如果侵权，请联系站长删除