<el-table :data="tableData.tableList" style="width: 100%" height="500" >怎么固定页面得左右大小

在 Vue.js 中，`<el-table>` 是 Element UI 的表格组件，用于展示数据列表。如果你想让表格的高度固定，并且保持左右边距固定，你需要做的是设置样式而不是直接在 HTML 标签上指定宽度和高度。你可以通过 CSS 来控制表格容器的尺寸。

例如，在你的外部 CSS 文件或 `<style>` 标签内，添加如下样式：

.el-table-container {
  position: relative; /* 如果不是相对定位，可以考虑这个 */
  width: 100%; /* 设置表格的宽度为100%，适应父元素 */
  min-height: 500px; /* 设置最小高度 */
  overflow-y: auto; /* 添加滚动条，当内容超过高度限制时显示 */
}

/* 可能需要针对左右边距进行调整，比如如果你希望左侧有固定的宽度，可以这样 */
.left-margin {
  margin-left: constant(someWidthValue); /* 使用CSS自定义属性设置固定宽度 */
  margin-left: -moz-calc(someWidthValue); /* 对于老版本的Firefox */
}

.right-margin {
  margin-right: constant(someOtherWidthValue);
  margin-right: -moz-calc(someOtherWidthValue);
}

然后，将这些类名应用到你的表格容器上，比如给`.el-table`加上 `.left-margin` 和 `.right-margin` 或者直接操作 `.el-table-container`，具体取决于你的HTML结构：

<div class="left-margin el-table-container">
  <el-table :data="tableData.tableList" style="width: 100%;" height="500">
    <!-- 表格内容 -->
  </el-table>
</div>

<!-- 或者 -->
<div class="right-margin" style="overflow-x: hidden;">
  <el-table :data="tableData.tableList" style="width: 100%;" height="500">
    <!-- 表格内容 -->
  </el-table>
</div>

记得替换 `someWidthValue` 和 `someOtherWidthValue` 为实际的宽度值。