封装el-table样式

应用场景：在大型项目当中，我们可能经常使用到一个样式，为了高效的工作，我们通常封装一些样式，以便于我们后续的使用！

这里以element-plus中 el-table举例

<script>

//导入我们封装好的样式

import {getRowClass,rowClassName} from "@/utils/table.js"

<el-table :data="tabledata" :header-cell-style="getRowClass" :row-style="rowClassName">

  <el-table-column>

  </el-table-column>

<el-table>

</script>

//utils.table.js文件下

export const getRowClass = ()=>{

  return {

             background:"red",color:"blue"

            }

}

export const rowClassName = ({row,rowIndex})=>{

               if(rowIndex%2){

                    return {background:"#02233f",color:"#a5c1d0"};

                 }else{

                       return{background:"#001b34",color:"#a5c1dc"}

                 }

   }