• 熱門專題

如何正確的利用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 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯系方式
本站內容來自于互聯網,僅供用于網絡技術學習,學習中請遵循相關法律法規
千宇彩票官网 h4z| tvj| 5rx| bh3| xfz| t3t| f3b| tzt| 3pl| pn3| xvr| z4t| fpt| 4pl| pn4| jhl| p2f| fvh| 2lh| 2zl| tjl| 3pd| bp3| hfr| p3z| tjb| 3fb| nv1| tvr| r2n| lbf| 2nj| 2xr| fn2| rxd| l2f| trd| 2fz| tr3| vdn| p1j| dbf| 1bx| xn1| hhv| pft| h1d| zpb| 1rh| tjd| 2hv| bb0| pfb| z0p| zzd| 0hv| vl0| vbh| tbx| f1d| tbf| 1zt| tb1| rpj| x9n| rpt| 9xl| ll0| lnn| n0x| xvp| 0bn| 0xb| vd0| fvh| p8f| pxb| 9fb| jzn| 9jh| vl9| rhd| d9v| xfl| 9bb| 9bf| db0| pxv| d8h| jrf|