markdown合並單元格


起因

作為一名文檔工程師,markdown好看是必須的,今天在做表格時遇到了一點小問題,也就是如何合並單元格,直接操作markdown語法目前不支持,只能通過轉化為html格式進行編輯

方法

復制表格后轉換成html代碼

http://pressbin.com/tools/excel_to_html_table/index.html

直接復制的效果

可以看到排版變亂了

網絡安全保護對象的重要程度 網絡安全保護對象可能受到損害的程度
特別嚴重 嚴重 較大 一般
特別重要 I 級事件 II 級事件 III 級事件 III 級事件
重要 II 級事件 III 級事件 III 級事件 IV級事件
一般 III 級事件 III 級事件 IV級事件 IV級事件

轉換html之后的效果

網絡安全保護對象的重要程度 網絡安全保護對象可能受到損害的程度
特別嚴重 嚴重 較大 一般
特別重要 I 級事件 II 級事件 III 級事件 III 級事件
重要 II 級事件 III 級事件 III 級事件 IV級事件
一般 III 級事件 III 級事件 IV級事件 IV級事件

對比

先放一張markdown源代碼模式截圖,可以看到上面的是用md語法寫的,下方是html寫的

image-20220216150845228

主要用到了rowspan和colspan來合並單元格

下面放一下html代碼

<table>
   <tr>
      <td rowspan="2" style=font-weight:bold>網絡安全保護對象的重要程度</td>
      <td colspan="4" style=font-weight:bold>網絡安全保護對象可能受到損害的程度</td>
   </tr>
   <tr>
      <td>特別嚴重</td>
      <td>嚴重</td>
      <td>較大</td>
      <td>一般</td>
   </tr>
   <tr>
      <td>特別重要</td>
      <td>I 級事件</td>
      <td>II  級事件</td>
      <td>III 級事件</td>
      <td>III 級事件</td>
   </tr>
   <tr>
      <td>重要</td>
      <td>II 級事件</td>
      <td>III  級事件</td>
      <td>III 級事件</td>
      <td>IV級事件</td>
   </tr>
   <tr>
      <td>一般</td>
      <td>III 級事件</td>
      <td>III  級事件</td>
      <td>IV級事件</td>
      <td>IV級事件</td>
   </tr>
</table>


免責聲明!

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



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