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>
      );
    },
  },
相关推荐
盛夏绽放2 分钟前
接口验证机制在Token认证中的关键作用与优化实践
前端·node.js·有问必答
zhangxingchao19 分钟前
Jetpack Compose 之 Modifier(中)
前端
JarvanMo19 分钟前
理解 Flutter 中 GoRouter 的context.push与context.go
前端
pe7er24 分钟前
使用 Vue 官方脚手架创建项目时遇到 Node 18 报错问题的排查与解决
前端·javascript·vue.js
星始流年28 分钟前
前端视角下认识AI Agent
前端·agent·ai编程
pe7er32 分钟前
使用 types / typings 实现全局 TypeScript 类型定义,无需 import/export
前端·javascript·vue.js
CH_Qing32 分钟前
【udev】关于/dev 设备节点的生成 &udev
linux·前端·网络
小诸葛的博客37 分钟前
gin如何返回html
前端·html·gin
islandzzzz44 分钟前
(第二篇)HMTL+CSS+JS-新手小白循序渐进案例入门
前端·javascript·css·html
喝拿铁写前端1 小时前
前端实战优化:在中后台系统中用语义化映射替代 if-else,告别魔法数字的心智负担
前端·javascript·架构