基于vue通過數(shù)據(jù)過濾實現(xiàn)表格合并，供大家參考，具體內容如下

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設,城子河企業(yè)網(wǎng)站建設,城子河品牌網(wǎng)站建設,網(wǎng)站定制,城子河網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,城子河網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

需求

• 基于vue渲染的數(shù)據(jù)表格
• 需要對相同的列進行合并
  

思路

自從使用了vue，就再也不想直接操作dom節(jié)點了，所以還是對數(shù)據(jù)操作。

要合并單元格需要用到rowspan屬性，所有想法是針對數(shù)據(jù)添加rowspan屬性使其多行顯示，但下面的行再去渲染就重復了，所以用hidden 隱藏掉。

所以，針對每一行數(shù)據(jù) ，用rowspan和display來控制每一個單元格的合并行數(shù)和是否顯示

代碼

 

 

 
征期日歷信息
 
 

 
月份
 
征期
 
繳款期
 
稅種
 
 
 


 

 

  {{i.yd}}
 
 

 {{i.zq}}
 
 
>
 {{i.jkq}}
 
 

 {{i.sz}}
 
 
 

當前標題：vue通過數(shù)據(jù)過濾實現(xiàn)表格合并-創(chuàng)新互聯(lián)
分享地址：http://m.jcarcd.cn/article/cepcod.html