首页 > 其他分享 >element设置table某个列的样式

element设置table某个列的样式

时间:2023-03-20 13:48:12浏览次数:37  
标签:return 样式 element columnIndex 设置 table

     <el-table
          style="width: 100%;"
          height="250"
          :data="tableData"
          border
          size="mini"
          ref="multipleTable"
          :header-cell-style="{
            background: '#80c1e2',
            color: '#fff',
            'text-align': 'center'
          }"
          :header-row-style="{
            height: '26px'
          }"
          :row-style="{ height: '25px' }"
          :cell-style="cellStyle"
        >

 

    /** 表格样式 【给某一列设置样式】 */
    cellStyle ({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        return "background:#eaf5fb"
      }
      return {
        padding: "0px",
        "text-align": "center",
        "backgroud-color": "#007acc"
      }
    },

 

标签:return,样式,element,columnIndex,设置,table
From: https://www.cnblogs.com/zhulongxu/p/17235982.html

相关文章

  • element输入天数,获取当前时间加上天数 【时间获取】
    handleInput(val){//console.log(this.formModel.ITEM_PM)if(!(/[^\d]/g).test(val)){//console.log('非数字')//当前时间加......
  • element的图片上传预处理函数
      /**图片格式和大小的控制*/beforeAvatarUpload(file){//允许上传jpg和png格式的图片constisJPG=file.type==="image/jpeg"||f......
  • PostgreSQL temp table 全链路 实现原理
    文章目录​​背景​​​​使用​​​​实现​​​​创建表​​​​插入​​​​删除表​​背景表(table/relation)作为PostgreSQL数据库中最为常用的一种数据库对象,用户......
  • Android预定义样式
    字体大小对于能够显示文字的控件(如TextViewEditTextRadioButtonButtonCheckBoxChronometer等等),你有时需要控制字体的大小。Android平台定义了......
  • elementUI el-tree setCheckedKeys使用nextTick出现的问题
    [Vuewarn]:ErrorinnextTick:"TypeError:Cannotreadpropertiesofundefined(reading'setCheckedKeys')"TypeError:Cannotreadpropertiesofundefined(read......
  • Stable Diffusion--模型
    模型的分类1.大模型文件大小:几个G作用:决定了AI图的主要风格常见后缀名:.cpkt,.safetensors存放路径:..\models\Stable-diffusion模型切换Lora模型Low-RankAdaptat......
  • cpp get map last element
    voidutil::print_map(conststd::map<int,std::string>&mp){std::cout<<get_time_now()<<",std::this_thread::get_id()="<<std::this_thread::get_id()<......
  • Java多线程开发CompletableFuture的应用
    ​做Java编程,难免会遇到多线程的开发,但是JDK8这个CompletableFuture类很多开发者目前还没听说过,但是这个类实在是太好用了,了解它的一些用法后相信你会对它爱不释手(呸渣男,......
  • openpyxl样式详解17
    pipinstallopenpyxl"""1.警告:openpyxl只可以操作xlsx格式的文件,如果想操作xls请使用xlrd这边索引是从1开始的更离谱的是创建sheet页面的索引竟然是从0开始的#然后还......
  • vue+element-ui刷新路由的时候保持在当前页面小技巧
    前言:很多小伙伴在练习vue项目的时候会遇到这样一个问题,就是刷新页面的时候,路由没有显示到当前页面,而是重定向回首页了,那么该怎么解决呢,就请各位小伙伴看下面的内容介绍吧......