elmentui表格内容太长

表格内容太长可以重写组件

el-tooltip

<el-table-column
            label="检查建议"
            style="width: 20%"
            align="center"
            :show-overflow-tooltip="true"
          >
            <template slot-scope="scope">
              {{ scope.row.theProblem }}
              <!--内容太长会占用整个屏幕 重写 eltooltip 组件-->
              <el-tooltip class="item" effect="dark" :content="scope.row.theProblem" placement="top" />
            </template>
          </el-table-column>

并且单独设置下样式

<style>
.el-tooltip__popper{
  max-width:20%;
}
.el-tooltip__popper,.el-tooltip__popper.is-dark{
  background:rgb(48, 65, 86) !important;
  color: #fff !important;
  line-height: 24px;
}
</style>