驼娑 发表于 3 天前

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

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: vxe-table 单元格超出隐藏内容提示使用自定义插槽模板