表格高度，最大高度根据页面的高度自适应

最新推荐文章于 2024-03-20 12:31:41 发布

前端小云儿

最新推荐文章于 2024-03-20 12:31:41 发布

阅读量377

点赞数 9

分类专栏： vue技能提升文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/jieweiwujie/article/details/135124762

版权

vue技能提升专栏收录该内容

46 篇文章 2 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

<template>
  <div>
    <h3>表格高度，最大高度根据页面的高度自适应</h3>
    <el-table
      ref="singleTable"
      :data="dataTable"
      :height="tableHeight"
      :max-height="tableMaxHeight"
    >
      <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>
<script>
export default {
  name: "Ceshi",
  data() {
    return {
      dataTable: [
        {
          date: "2216-05-02",
          name: "王小虎",
          address: "zheshi地址信息 1518 弄",
        },
        {
          date: "2316-05-04",

了解本专栏