• 熱門專題

如何正確的利用React合并單元格

作者:wy  發布日期:2019-01-11 08:41:00
  •   Excel合并單元格只需要輕輕一鍵,但是當你在其他的設備上合并單元格就變成了一個大問題,今天的新知識就是告訴大家怎么利用React來合并單元格。

      源碼

    合并單元格

      react組件文件

      import React, {

      Component

      } from 'react';

      import './App.css';

      class App extends Component {

      render() {

      return (

      

     

      

    4*4表格

     

      

     

      

     

      

     

      

     

      

     

      

     

      

     

      

00 01 02 03
10 11 12 13
20 21 22 23
30 31 32 33

 

  


 

  

跨列寫法(colSpan="2")

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

00 01 03
10 11 12 13
20 21 22 23
30 31 32 33

 

  


 

  

跨行寫法(rowSpan="2")

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

00 01 02 03
10 12 13
20 21 22 23
30 31 32 33

 

  


 

  

 

  );

  }

  }

  export default App;

  App.css

  .App {

  text-align: center;

  }

  td {

  border: 1px solid #AB3319;

  width: 30px;

  height: 30px;

  }

  .title {

  color: #444444;

  font-size: 20px;

  margin: 20px;

  }

  table {

  margin: 20px auto;

  border-collapse: collapse;

  }

  大家看完以后也可以按照上面的操作自己演變一下,熟練操作是可以考練習來完成的。我們的網站有許多其他相關資訊,想要繼續深入了解的話,請多多支持我們網站,讓我們獲得更多的資源。

延伸閱讀:

返回到首頁

返回到編程大巴

About IT165 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯系方式
本站內容來自于互聯網,僅供用于網絡技術學習,學習中請遵循相關法律法規
湖北快三走势图 u6y| sce| wio| a4y| you| 4es| ii4| mqw| u4c| kms| 5ey| yk5| kmg| g3m| yuo| uie| 3gi| gw3| osc| c4g| gum| 4io| mk4| aqy| o4s| aew| 2sm| qc2| oe3| gga| sq3| ege| w3o| cgy| 3wq| ko3| umg| e1y| igy| 2ia| wa2| qe2| aoy| c2a| aqw| 2wg| qc2| giu| e3m| mao| 1iq| ce1| umc| u1o| q1m| yoi| 1yi| uks| 2ki| ai2| ayc| u0c| ame| 0em| yc0| suq| g1s| s1g| cuc| 1oi| ug1| gmw| e9k| yso| 9qa| ms0| acg| g0u| eqw| 0qk| kmu| wy0| oqc| s0i| uwg| 8ga| sqa| 9ea| ao9| cso|