el-table对第一行做样式改变

`el-table`是Element UI库中的表格组件，如果你想给第一行（即表头行）添加特定的样式，可以利用Vue的指令或者CSS来实现。下面是一些常见的方式：

1. **CSS**:
使用`:first-child`伪类选择器来针对第一行单独设置样式，例如：

   .el-table th:first-child {
     background-color: #f5f5f5; /* 设置背景颜色 */
     font-weight: bold; /* 设置加粗字体 */
   }

2. **V-bind directive (HTML)**:
如果你使用的是模板，可以在`<th>`元素上直接绑定CSS类名，如：

   <el-table>
     <el-table-column type="index"></el-table-column>
     <template slot="header" slot-scope="scope">
       <th v-bind:class="{ 'custom-header': scope.$index === 0 }">标题</th> <!-- 第一行添加自定义class -->
     </template>
     <!-- ... -->
   </el-table>

然后在CSS中定义`.custom-header`规则。

3. **JS (Vue methods)**:
如果想在JavaScript里动态控制，可以在`methods`里处理并更新类名：

   data() {
     return {
       isFirstRow: true // 初始化为true表示当前是第一行
     }
   },
   methods: {
     handleClickHeader(scope) {
       if (scope.$index === 0) {
         this.isFirstRow = false;
         // 更新CSS类
         scope.$el.classList.toggle('first-row-style', !this.isFirstRow);
       }
     }
   },
   // 在模板中监听点击事件
   <el-table-column header-cell-style="{ class: { 'first-row-style': isFirstRow } }">
     <!-- 其他内容 -->
   </el-table-column>

这样当点击表头时，可以根据`isFirstRow`的状态切换样式。