Vue vben admin开源库中table组件tips

  • table如何自定义表头和自定义内容

自定义表头直接使用tittle,自定义内容是customRender

javascript 复制代码
{
    title: (
      <span>
        <img src={alvchat_avatar} style="width:20px;height:20px;vertical-align:bottom"></img>
        {t('routes.alerts.columnsAIReview')}
      </span>
    ),
    dataIndex: 'reviewMatched',
    width: 110,
    customRender: ({ text, record }) => {
      return (
        <span>
          {text === true ? <CheckOutlined style="color:green" /> : null}
          {text === false ? <CloseOutlined style="color:red" /> : null}
        </span>
      );
    },
  },
相关推荐
三原1 分钟前
前端微应用-乾坤(qiankun)原理分析-import-html-entry
前端·架构·前端框架
Mintopia2 分钟前
Three.js 学习第一天:基础搭建与核心概念
前端·javascript·three.js
打野赵怀真2 分钟前
怎样提高微信小程序的加载速度?
前端·javascript
前端拧螺丝4 分钟前
定制化 Docsify 文档框架实战分享
前端
凯哥19704 分钟前
Sciter.js 新手指南-GUI开发中使用系统托盘图标 (trayIcon)
前端
lljss20205 分钟前
html-css样式
前端·css·html
说码解字5 分钟前
C++ 的循环引用问题
前端
gxf5203088069886 分钟前
HarmonyOS Next 刻度盘
前端
月亮慢慢圆6 分钟前
接口长时间pending
前端