antd-vue table不同列，渲染不同颜色

爱被打了一巴掌 2022-11-05 08:33 277阅读 0赞

## 效果图： ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE3MTc1Nw_size_16_color_FFFFFF_t_70]

## 实现方法： ##

<a-table :columns="columns" :data-source="data" 数据源 rowKey="id" :rowClassName="rowClassName" :scroll="{x:2510}" bordered>
        </a-table>

data:
    
    	columns:[
    	 { 
    	    title: '左边盖样式',
    	    dataIndex: '',
    	    key: '',
    	    ellipsis: true,
    	    width: '150px',
    	    customCell: (record, rowIndex) => { 
    	      return { 
    	        style: { 
    	          'background-color': '#f9f9f9'
    	        }
    	      }
    	    }
    	  },
    	  { 
    	    title: '左边盖标签名称',
    	    dataIndex: '',
    	    key: '',
    	    ellipsis: true,
    	    width: '150px',
    	    customCell: (record, rowIndex) => { 
    	      return { 
    	        style: { 
    	          'background-color': '#f9f9f9'
    	        }
    	      }
    	    }
    	  }
    	]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE3MTc1Nw_size_16_color_FFFFFF_t_70]: /images/20221023/c1e29337b07049aab393de5dfd04c36b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，277人围观）

还没有评论，来说两句吧...

相关阅读

相关 ElementUI table表格列动态渲染

一、概述一般写table时，列都是固定。现有业务需求，列是不固定的。根据api返回的数据，进行动态渲染。官方table示例，链接如下： [https://elem

向右看齐/ 2023年01月17日 08:25/ 0 赞/ 459 阅读

相关 antd-vue table不同列，渲染不同颜色

效果图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

爱被打了一巴掌/ 2022年11月05日 08:33/ 0 赞/ 278 阅读

相关 antdvue表格table封装组件（包含可伸缩列）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

r囧r小猫/ 2022年10月15日 11:59/ 0 赞/ 797 阅读

相关 uniapp根据不同的状态渲染不同的标签

![9360937a253b7dd629cd4077248a053c.png][] <view class="text-grey text-xs">

r囧r小猫/ 2022年10月11日 13:48/ 0 赞/ 290 阅读

相关 mac下Terminal中不同文件类型不同颜色显示

Terminal 下不同类型的文件显示不同的颜色 Terminal 默认的 shell 是 bash (提示符是 $) 在 ~ 先建立一个文件 ~/.bash\_pro

傷城~/ 2022年09月25日 15:14/ 0 赞/ 445 阅读

相关 BootStrap Table 获取同行不同列元素

表格同行中存在元素的相互调用，如何保证元素能够被同行不同列的其他方框使用，方法如下：页面元素示例如下： <div id="MyTableId" class=

叁歲伎倆/ 2022年07月13日 01:44/ 0 赞/ 182 阅读

相关不同颜色不同饱和度获取

地址：https://www.materialpalette.com/colors 点击颜色有\的编号》有19个颜色，14个色差》双击颜色，色卡的编号自动复制

小鱼儿/ 2022年06月05日 04:46/ 0 赞/ 277 阅读

相关 js随机产生不同颜色

方法一（随机RGB颜色值）\\\\\ //颜色对象 function getRandomColor(){ this.r = Math.f

迈不过友情╰/ 2022年05月18日 07:14/ 0 赞/ 426 阅读

相关 excel中怎样设置隔行隔列显示不同颜色

不同的office版本略有差异，这里以Excel2007为例，说明下怎么设置 1，首先选择所有数据，本例以中国50强企业为例 ![watermark_type_ZmFuZ3

╰半夏微凉°/ 2022年04月25日 05:16/ 0 赞/ 437 阅读

相关 79-定义不同颜色字体

使用装饰器定义调用不通颜色的字体： def color(c): def set_color(func): def red(wo

深碍√TFBOYSˉ_/ 2021年12月20日 01:39/ 0 赞/ 274 阅读