element table el-table 添加横向滚动条 宽度超出时横向滚动条不出现，固定表头完美方案_element table 横向滚动条

项目场景：

横纵内容过多时，表格横向宽度超出后，滚动条没有出现

---

问题描述：

表格横向宽度超出后，滚动条没有出现，如下图所示

---

原因分析：

查了一下网上其他的解决方案感觉不是特别好，f12查看了下element官网示例的样式，发现下图

而我界面的样式生成却是overflow: visible;

---

解决方案：

直接修改样式就可以

<template>
  <div class='testbox'>
    <el-row style="height: 300px;width: 800px;">
      <el-table :data="tableData" style="width:100%" :height="400">
        <el-table-column prop="date" label="日期" width="100" fixed>
        </el-table-column>
        <el-table-column prop="name" label="姓名" width="100">
        </el-table-column>
        <el
1
2
3
4
5
6
7
8