javascript - 元素 - 响应表问题

Question

我使用 Element ( https://element.eleme.io/#/en-US ) 创建了一个应用程序，但我正在努力使表格响应。

当我将窗口变宽时，一切正常，但是当我将窗口变窄时，表格宽度保持不变，我尝试了所有表格选项，但似乎没有什么能使它变得更好，这是我的示例:https://streamable.com/1j1e1 ，刷新页面后，表格会正确调整大小。

我发现如果我在 element-ui.common.js 中注释这些行:

  this.bodyWidth = Math.max(bodyMinWidth, bodyWidth);
  this.table.resizeState.width = this.bodyWidth;

它有效，但我不确定其他选项是否仍然有效。

你能帮帮我吗？有什么办法可以让这个表响应？ :)

Answer 1

我刚刚发现我的 <el-table> 上是否有自定义表类element 我的行为和你一样。如果我删除它，它会正常工作。

改变

<el-table class-name="myTable">...<el-table>

到

<el-table>...<el-table>

然后你可以像这样直接更改 .el-table 类的 css:

.el-table {
  ...
}

遗憾的是，多年后它仍然是一个持续存在的问题。