search

x-extends / vxe-table-plugin-virtual-tree

停止维护
https://xuliangzhan_admin.gitee.io/vxe-table/#/table/scroll/tree
MIT License
22 stars 4 forks source link

希望能尽快解决vxe-table-column自定义渲染问题,谢谢大佬! #15

Open waveheart opened 4 years ago

waveheart commented 4 years ago

（必填）这个需求解决了什么问题： vxe-table-column自定义渲染问题 cell内部内容可以自定义渲染

建议的 API 是什么样的： 与 vxe-table-column相同

是否已有其他不错的替代方案： 无

Charlie50503 commented 3 years ago

請問一下 目前使用這個虛擬tree插件的話 一定要使用columns這個props 才可以渲染出來 而使用一般的自定義形式 <vxe-table-column type="radio" title="radio" width="80"></vxe-table-column> 就無法使用

請問是這個意思嗎?

Charlie50503 commented 3 years ago

目前我能想到的客製化方式是利用渲染html配合 vxe-table-column的formatter props來達到客製化的效果，希望能有所幫助

//columns 設定
tableColumn: [
        { type: 'radio', title: 'radio'},
        { field: 'label', title: 'label', treeNode: true },
        { field: 'role', title: 'role' },
        {
          field: 'seq_no',
          title: 'seq',
          type: 'html',
          formatter: this.seqFormatter
        }
      ],

//methods
seqFormatter(payload) {
      if (payload.active_flag === true) {
        return `<span class='font-weight-bold'>${payload.cellValue}</span>`
      } else {
        return `<span class=''>${payload.cellValue}</span>`
      }
    },
xlz26296 commented 3 years ago

本来就可以自定义插槽 https://xuliangzhan_admin.gitee.io/vxe-table/#/table/grid/template

Charlie50503 commented 3 years ago

@xlz26296 你所提供的連結是用vxe-grid實現的 並不是用vxe-table實現的喔

es3154 commented 3 years ago

@Charlie50503 同问