填坑記錄:今天用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 ...