el-table 單元格合並


 

 今天一口氣更新了好幾篇。其實最主要就是想更新這篇,,,前面幾篇不更新的話,有點太突兀了,雖然更新了也有點轉的比較快,,,啊哈哈哈哈

1.引用elementui 。。。怎么引,自己看吧,,,附上地址

2.先看個例子  ps:如果圖片不清楚,請右鍵在新標簽頁打開,即可看清

實現效果:

vue標簽:

vuejs

當然還有一個數據處理的部分,

首先如果不想自己寫一個table的話,使用elementui的el-table蠻好的,但是碰到有單元格合並類型的話,elementui還是略微有點局限,但不是不代表不可以

1.首先要明白,如效果圖里面,雖然前兩行看起來是一條數據,但是在插入的時候,elementui要求的是兩條數據,且第二行和第一行對都應該對應的是同一個prop

2.既然是兩條數據,且prop字段都一樣。因為本來后台只給一條數據,這時候就要自己去處理,把數據處理成自己想要的數據

 

 OK,這個時候就可以看到效果了哦~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM