vxe-table/examples/plugins/table/renderer/toolbar.tsx

import { VXETable } from '../../../../packages/all'

// 创建一个简单的工具栏-左侧按钮渲染
VXETable.renderer.add('ToolbarButtonDownload', {
  renderToolbarButton (renderOpts, params) {
    const { events = {} } = renderOpts
    const { button } = params
    return [
      <vxe-button circle icon="fa fa-cloud-download" onClick={
        () => {
          events.click(button)
        }
      }></vxe-button>
    ]
  }
})

// 创建一个简单的工具栏-右侧工具渲染
VXETable.renderer.add('ToolbarToolPrint', {
  renderToolbarTool (renderOpts, params) {
    const { $table } = params
    return [
      <vxe-button circle icon="fa fa-print" onClick={
        () => {
          $table.print()
        }
      }></vxe-button>
    ]
  }
})