溜椎干 发表于 4 天前

vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板

vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板
当需要渲染自定义内容模板是,就可以通过插槽来实现,非常灵活
查看官网:https://vxeui.com
Github:https://github.com/x-extends/vxe-gantt
Gitee:https://gitee.com/x-extends/vxe-gantt

代码

通过自定义插槽 task-bar 来实现
<template>

    <vxe-gantt v-bind="ganttOptions">
      <template #task-bar="{ row }">
      
         
            <vxe-image :src="row.imgUrl" height="30" circle></vxe-image>
         
         
            {{ row.title }}
            已完成:{{ row.progress }}%
         
      
      </template>
    </vxe-gantt>

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

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板