填坑记录:今天用element ui的表格组件做用户信息展示,直接拉取的官网的代码过来,发现表头和每一行都太高了,如下: 因为第一次使用element ui的表格组件,不太清楚会遇到这样的坑,以为能轻松控制高度,于是去百度大佬们的解决办法,也试了好几个,发现改变不了样式 ...
文档中有一个tableRowClassName方法,可以获取到当前行的index, tableRowClassName ({row, rowIndex}) { //把每一行的索引放进row row.index = rowIndex; } 例子 ...
页面有效区域就那么大,甲方爸爸喜欢看表格数据时 它的表头可以固定住,不要全屏滚动。 直接使用el-table的height属性,可以传一个高度给它,就会以这个高度固定表格,内部数据滚动~ 但是我想屏幕大小table自适应高度,天真的输入80%, 发现不生效!这就需要人为操作如下: ...
转:https://www.jianshu.com/p/e51ba4cb11d6 先上效果 效果图 三要素 1、row-click 点击行 2、ref 自行了解vue ...
tableRowClassName ({row, rowIndex}) { //把每一行的索引放进row row.index = rowIndex; }, onRowClick (row, event, column) { //行点击消除new标记 var index ...
<template> <el-table :data="tableData5" style="width: 100%" row-key="id ...