1、table組件的基本使用
注意:
①對象集合,要從后端查詢。
②prop是集合中的對象的屬性名;label是表格表頭的名稱。
2、將性別一列的71轉為男,72轉為女
問題描述:
解決步驟:
①將el-table-column變成雙標簽。
②使用<template #default></template>插槽,來自定義列的內容。
③接收table表格的本行內容row,并根據性別的值row.gender,使用三目運算符,來計算出具體性別。?
效果展示:
3、列超出范圍,顯示省略號
應用場景:?
操作步驟:在對應列的標簽,加上show-overflow-tooltip屬性即可。
效果展示:
4、如何固定某一列?
操作步驟:在對應列的標簽,加上fixed屬性即可。?
效果展示:?
5、如何將一行中,兩列的內容,拼到一列?
問題描述:?
操作步驟:
展示效果:?
?