妙用removeAttribute,实现表格高度在数据多时固定,数据少时显示所有数据

136 阅读1分钟

需求

表格高度在数据多时固定,数据少时显示所有数据

实现

  1. 给表格一个默认的高度,数据多时,表格高度固定,显示不下的数据通过滚动条查看 <table height = 460px> <table>

  2. 获得数据后,判断数据的数据项长度是否小于设定值,若小于设定值,则移除height属性 table.removeAttribute('height')

拓展

CSS计算样式

优点和特性:可以实现多种宽/高计量方式的四则运算 应用场景:确定子元素相对于父容器的大小 代码来自菜鸟教程

Vue计算属性

优点和特性:封装一个可复用的属性,供vue组件使用