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

爱被打了一巴掌 2022-11-05 08:33 302阅读 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 条评论，302人围观）

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

相关阅读

相关 Delphi TListView自绘表头标题字体颜色示例（每列不同颜色）

代码如下： unit Unit1; interface uses Windows, Messages, SysUtil

谁借莪１个温暖的怀抱￠/ 2023年10月04日 20:23/ 0 赞/ 66 阅读

相关 idea中添加git使用时文件不同颜色，标签不同颜色，代码不同颜色代表的含义

文章目录文件的颜色标签的颜色合并代码时不同颜色区块的含义文件的颜色 ![在这里插入图片描述][31cd369255ba437eb56a1

一时失言乱红尘/ 2023年09月23日 21:13/ 0 赞/ 141 阅读

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

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

客官°小女子只卖身不卖艺/ 2023年01月23日 03:52/ 0 赞/ 114 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 js随机产生不同颜色

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

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

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

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

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