然后我想要一份表格的样式 是elementUi里面的表格样式

Element UI是一个流行的前端组件库，其中包含了丰富的表格组件，样式简洁且易于定制。如果你想使用Element UI的表格样式，首先需要安装Element UI库，然后可以导入它的表格组件并应用预设的样式。

安装Element UI：

npm install element-ui --save
# 或者如果使用Yarn
yarn add element-ui

在项目中引用Element UI，并在模板中使用`<el-table>`组件：

<!-- 引入Element UI CSS -->
<link rel="stylesheet" href="node_modules/element-ui/lib/theme-chalk/index.css">

<!-- 使用Element UI的表格组件 -->
<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <!-- 表头列配置 -->
      <el-table-column prop="date" label="日期" width="180"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
      <!-- 更多列... -->
    </el-table>
  </div>
</template>

<script>
import ElementUI from 'element-ui';
import { Table } from 'element-ui';

Vue.use(ElementUI);

export default {
  components: {
    Table,
  },
  data() {
    return {
      tableData: [
        // 表格数据...
      ],
    };
  },
};
</script>

Element UI的表格默认已经有一些美观的样式，如分隔线、排序、搜索等。如果你想要自定义样式，可以在CSS中覆盖其内置的一些样式，或者直接使用Element提供的主题变量来自定义颜色和尺寸。