• 熱門專題

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

作者||陈少游:wy  發布日期__关予涵:2019-01-11 08:41:00
Tag標簽-_-小型航空发动机价格:React合並單元格  正確利用  利用React  
  •   Excel合並單元格隻需要輕輕一鍵||陌若安生是什么意思,但是當你在其他的設備上合並單元格就變成了一個大問題|_易富彩票app,今天的新知識就是告訴大家怎麼利用React來合並單元格-_神州行轻松卡c套餐。

      源碼

    合並單元格

      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;

  }

  大家看完以後也可以按照上麵的操作自己演變一下-|其乐船长,熟練操作是可以考練習來完成的|-|优彩彩票怎么样。我們的網站有許多其他相關資訊-|-360彩票购彩大厅,想要繼續深入了解的話-|金丹菲,請多多支持我們網站-_-飞天侠女,讓我們獲得更多的資源|-联想a60游戏下载。

延伸閱讀_-2013年母亲节是几月几号:

返回到首頁

返回到編程大巴

About IT165 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯係方式
本站內容來自於互聯網,僅供用於網絡技術學習,學習中請遵循相關法律法規
UC彩票幸运蛋蛋欢乐飞艇pc蛋蛋如意彩票凤凰彩票

免责声明: 本站资料及图片来源互联网文章,本网不承担任何由内容信息所引起的争议和法律责任。所有作品版权归原创作者所有,与本站立场无关,如用户分享不慎侵犯了您的权益,请联系我们告知,我们将做删除处理!