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>
      );
    },
  },
相关推荐
抱琴_26 分钟前
大屏性能优化终极方案:请求合并+智能缓存双剑合璧
前端·javascript
用户4639897543227 分钟前
Harmony os——长时任务(Continuous Task,ArkTS)
前端
fruge27 分钟前
低版本浏览器兼容方案:IE11 适配 ES6 语法与 CSS 新特性
前端·css·es6
颜酱1 小时前
开发工具链-构建、测试、代码质量校验常用包的比较
前端·javascript·node.js
mCell1 小时前
[NOTE] JavaScript 中的稀疏数组、空槽和访问
javascript·面试·v8
柒儿吖1 小时前
Electron for 鸿蒙PC - Native模块Mock与降级策略
javascript·electron·harmonyos
颜酱1 小时前
package.json 配置指南
前端·javascript·node.js
todoitbo1 小时前
基于 DevUI MateChat 搭建前端编程学习智能助手:从痛点到解决方案
前端·学习·ai·状态模式·devui·matechat
oden2 小时前
SEO听不懂?看完这篇你明天就能优化网站了
前端
IT_陈寒2 小时前
React性能优化:这5个Hooks技巧让我减少了40%的重新渲染
前端·人工智能·后端