html 表格固定高度，超过高度滚动

可以使用 CSS 中的 `overflow` 属性来实现表格的固定高度并添加滚动条。具体实现方法如下：

1. 在 CSS 中定义表格容器的高度和 `overflow` 属性为 `auto`：

.table-container {
  height: 300px; /* 表格容器的高度 */
  overflow: auto; /* 当表格内容超过容器高度时，显示滚动条 */
}

2. 在 HTML 中将表格放入容器中：

<div class="table-container">
  <table>
    <!-- 表格内容 -->
  </table>
</div>

这样，当表格内容超过容器高度时，会自动显示滚动条，保持容器高度不变。

相关问题

elementui表格固定表头 内容滚动 表格最大高度453

要实现 ElementUI 表格固定表头，可以设置 `height` 属性和 `max-height` 属性，并将 `max-height` 设置为 `453px`。同时，需要将表格的 `overflow-y` 属性设置为 `auto`，使得内容可以滚动。

以下是一个示例代码：

<template>
  <div>
    <el-table
      :data="tableData"
      height="400"
      max-height="453px"
      :style="{overflowY: 'auto'}">
      <el-table-column prop="date" label="日期" width="180"></el-table-column>
      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
  </div>
</template>

在这个示例中，表格的高度为 `400px`，而 `max-height` 属性被设置为 `453px`，以确保当表格数据超过 `400px` 时，表格可以滚动。同时，`overflow-y` 属性被设置为 `auto`，以确保表格内容可以垂直滚动。

antdv表格固定高度

你可以使用 `height` 属性来设置 antdv 表格的固定高度。例如：

<template>
  <a-table :columns="columns" :data-source="data" row-key="id" :pagination="false" :scroll="{ y: 400 }"></a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: 'Name',
          dataIndex: 'name',
        },
        {
          title: 'Age',
          dataIndex: 'age',
        },
        {
          title: 'Address',
          dataIndex: 'address',
        },
      ],
      data: [
        {
          id: 1,
          name: 'John Brown',
          age: 32,
          address: 'New York No. 1 Lake Park',
        },
        {
          id: 2,
          name: 'Jim Green',
          age: 42,
          address: 'London No. 1 Lake Park',
        },
        {
          id: 3,
          name: 'Joe Black',
          age: 32,
          address: 'Sidney No. 1 Lake Park',
        },
      ],
    };
  },
};
</script>

上面代码中，`scroll` 属性的 `y` 值设置为 400，表示表格的高度为 400px。这样，即使表格内容过多超出了视口高度，表格也不会自动换行显示，而是会出现滚动条。