iview的表格自定义_iview table表格的自定义样式

如果您想要对 iview 的表格进行自定义样式，可以使用以下方法：

1. 使用 scoped 样式

在组件中使用 scoped 样式，这样样式只会作用于当前组件内部，不会影响其他组件的样式。例如：

<template>
  <Table :columns="columns" :data="data" class="my-table" />
</template>

<style scoped>
.my-table {
  background-color: #fff;
  border: 1px solid #ccc;
}
</style>

2. 使用 CSS 类名

iview 的表格组件提供了一些 CSS 类名，可以通过这些类名来对表格进行样式定制，例如：

<template>
  <Table :columns="columns" :data="data" class="my-table">
    <template slot-scope="{ row }">
      <div class="my-row">{{ row.name }}</div>
    </template>
  </Table>
</template>

<style>
.my-table {
  background-color: #fff;
  border: 1px solid #ccc;
}

.my-row {
  color: red;
}
</style>

以上就是两种常用的 iview 表格自定义样式的方法，您可以根据自己的需求进行选择。