element-ui表格加上表线

要为 Element UI 的表格添加表线，你可以使用 `border` 属性。将 `border` 属性设置为 `true`，即可在表格的单元格和边框之间添加表线。

以下是一个示例代码：

<template>
  <div>
    <el-table :data="tableData" border>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="gender" label="性别"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20, gender: '男' },
        { name: '李四', age: 25, gender: '女' },
        { name: '王五', age: 30, gender: '男' },
      ],
    };
  },
};
</script>

在上述示例中，`border` 属性被设置为 `true`，这样就会为表格添加表线。你可以根据需要自定义表格的数据和列。