列表最后一行加颜色

<template>
:row-class-name="rowClassName"
</template>


<script>
rowClassName(row,index){
        if(this.gridConfig.data.length>0&&(index===this.gridConfig.data.length-1)){
          return 'demo-table-info-row';
        }
        return ''
      }
</script>


<style>
/deep/ .demo-table-info-row td{
    background-color: #2db7f5 !important;
    color: #fff;
  }
</style>

css代码

CSS样式代码  /deep/ .demo-table-info-row td{ background-color: #2db7f5 !important; color: #fff; } ，它使用了  /deep/  伪类选择器来选择  .demo-table-info-row  类下的所有  <td>  元素，并设置了背景颜色为  #2db7f5 ，文字颜色为白色 ( #fff )。 
 
需要注意的是， /deep/  伪类选择器在最新的 CSS 规范中已被废弃，建议使用其他方式来选择元素。如果您正在使用 Angular 或 Vue.js 等框架，可以考虑使用  ::ng-deep  或  /deep/  来实现类似的效果。