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>
      );
    },
  },
相关推荐
sakiko_12 小时前
Swift学习笔记39-实战注意事项
前端·笔记·学习·swift
海带紫菜菠萝汤12 小时前
MSE (Media Source Extensions) 实战:流媒体分块加载与自适应码率
前端·javascript·音视频
@小匠13 小时前
Spring Boot Nacos绑定 Map 时中文 key 导致启动失败:一次从复现到源码的排查实录
java·开发语言·前端
黄华SJ520it13 小时前
顶俏洗衣液模式制度开发介绍:S2B2C社交分销+多门店核销系统全解析
前端·数据库·小程序·零售·系统开发
张元清13 小时前
React useMount Hook:只在挂载时执行一次的正确姿势 (2026)
javascript·react.js
晓说前端13 小时前
TypeScript 核心语法应用 —— Vue 3 中的使用(上)
前端·typescript
breeze jiang13 小时前
JavaScript 单例模式:用静态属性保证 Popup 只创建一次
开发语言·javascript·单例模式
No Silver Bullet13 小时前
Vue进阶(贰幺叁)vue.config.js 中 productionSourceMap 作用详解
前端·javascript·vue.js
xcsweb13 小时前
从5分钟到10秒:我用一个Skill把团队部署效率提升了30倍
前端·vue.js
OpenTiny社区13 小时前
TinyVue v3.31 更新速览:新组增件 + 文档优化,多项实用能力升级
vue.js