vue中在js内改el-table表格的样式

可以通过以下几种方式在js中改变el-table表格的样式：

1. 使用CSS样式：可以在CSS文件中定义样式，然后通过给el-table组件添加class属性来应用样式。示例代码如下：

.my-table {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
}

<el-table :data="tableData" class="my-table">
  <!-- table columns -->
</el-table>

2. 直接在JS中设置样式：可以通过给el-table组件添加style属性来直接在JS中设置样式。示例代码如下：

<el-table :data="tableData" :style="{backgroundColor:'#f2f2f2',border:'1px solid #ccc'}">
  <!-- table columns -->
</el-table>

3. 使用scoped slot：可以使用scoped slot来自定义表格的样式。示例代码如下：

<el-table :data="tableData">
  <template slot-scope="{row}">
    <tr :style="{background: row.id % 2 === 0 ? '#f2f2f2' : ''}">
      <td>{{ row.name }}</td>
      <td>{{ row.age }}</td>
    </tr>
  </template>
</el-table>

上述代码中，使用了scoped slot来自定义每一行的样式，根据行的id来设置不同的背景色。