el-table去除底部横线

在Element UI组件Table中，添加border属性可以增加纵向边框，但是无法控制横线边框，因此即使是最简单的el-table，也会包含一个底部横线。要去除底部横线，可以通过修改样式来实现。具体方法如下：
在style标签中添加如下样式即可：
table th,table td {border-bottom: none !important;}
.el-table::before {height: 0px;}
.customer-table .el-table__fixed-right::before,.el-table__fixed::before {width: 0;}
其中，第一行代码是去掉表格内的线，第二行代码是去掉最下面的那一条线，第三行代码是去掉固定列的右边框和表格的左边框。这样就可以完全去除el-table的底部横线了。

相关问题

el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table--medium如何去掉

el-table是Element UI框架中的一个表格组件，el-table--fit、el-table--enable-row-hover、el-table--enable-row-transition、el-table--medium是该组件的一些样式类。如果你想去掉这些样式类，可以通过以下方式进行操作：

1. el-table--fit：该样式类用于使表格自适应父容器的宽度。如果你想去掉这个样式类，可以在el-table标签上移除fit属性，或者在样式中将该类的宽度设置为auto。

2. el-table--enable-row-hover：该样式类用于启用鼠标悬停行高亮效果。如果你想去掉这个样式类，可以在el-table标签上移除row-hover属性。

3. el-table--enable-row-transition：该样式类用于启用行过渡效果。如果你想去掉这个样式类，可以在el-table标签上移除row-transition属性。

4. el-table--medium：该样式类用于设置表格的中等大小。如果你想去掉这个样式类，可以在el-table标签上移除size属性，或者将该类的相关样式设置为其他大小。

<el-table><el-table-column></el-table-column><el-table-column></el-table-column></el-table>控制其中一列<el-table-column>显示和隐藏怎么写

要控制<el-table>中的某一列<el-table-column>的显示和隐藏，你可以使用<el-table-column>的"show-overflow-tooltip"属性来实现。当该属性设置为true时，列内容超出宽度时会显示tooltip，设置为false时则隐藏列内容。

以下是示例代码：

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

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20, gender: '男' },
        { name: '李四', age: 25, gender: '女' },
        { name: '王五', age: 30, gender: '男' }
      ],
      showAgeColumn: true // 控制年龄列的显示和隐藏
    };
  }
};
</script>

在上述代码中，通过设置showAgeColumn的值来控制年龄列的显示和隐藏。当showAgeColumn为true时，年龄列会显示；当showAgeColumn为false时，年龄列会隐藏。