vue2 -- 解决el-table自适应高度,页面不显示多条滚动条,超出的部分让el-table内部出现滚动条。

文章目录

  • 1:需求描述
  • 2:代码
  • 3:页面使用

1:需求描述

在开发中,需要表格控件根据浏览器高度进行调整,固定表头,且然后多余的出滚动条,官方给出的:只要在el-table元素中定义了height属性,即可实现固定表头的表格,而不需要额外的代码。页面上布局是头部-面包屑,中间-表格,底部-分页组件。需要使表格高度需要自适应屏幕。

2:代码

\src\mixins\TableHeight.js 新建 TableHeight.js 文件

/*
 * @Description: tabel自动计算高度
 */

export default {
   
  data (

你可能感兴趣的:(项目实操,vue.js,javascript,前端)