【HTML】table表格拆分合並（colspan、rowspan）

阿新 • • 發佈：2019-02-19

程式碼演示橫向合併：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>演示table標記2--單元格合併</title>
        <style type="text/css" 
>
            td{
                text-align: center;
            }
        </style>
    </head>
    <body>
        <table border="1" cellspacing="0" width="50%" height="150">
            <caption>橫向合併單元格</caption>
<!--colspan中必須指定要合併的列數目，是兩列還是三列等等-->        
            <tr 
> <th colspan="2">姓名和年齡</th> <th>電話</th> </tr>
            <tr> <td>Jack</td> <td>24</td> <td>1351234567</td>  </tr>
            <tr> <td>Tom</td> <td>22</td> <td>1351234567</td>  </tr> 

            <tr> <td>Rose</td> <td>22</td> <td>1351234567</td>  </tr>
            <tr> <td>張三</td> <td>25</td> <td>1351234567</td>  </tr>
        </table>
        <br/>

        <table border="1" cellspacing="0" width="50%" height="150">

執行結果：

這裡寫圖片描述

程式碼演示縱向合併：

<table border="1" cellspacing="0" width="50%" height="150">
            <caption>縱向合併單元格</caption>
            <tr><th>班級</t> <th>姓名</th><th>年齡</th> <th>電話</th> </tr>
            <tr><td rowspan="2">601班</td> <td>Jack</td> <td>24</td> <td>1351234567</td>  </tr>
            <tr> <td>Tom</td> <td>22</td> <td>1351234567</td>  </tr>
<!--rowspan中必須指定要合併的列數目，是兩行還是三行等等-->    
            <tr><td  rowspan="3">602班</td> <td>Rose</td> <td>22</td> <td>1351234567</td>  </tr>
            <tr> <td>張三</td> <td>25</td> <td>1351234567</td>  </tr>
            <tr> <td>李四</td> <td>25</td> <td>1351234567</td>  </tr>
        </table>
    </body>
</html>

執行結果：

這裡寫圖片描述

【HTML】table表格拆分合並（colspan、rowspan）

程式碼演示橫向合併： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/T

【Log】android手機除錯AP側（main、kernel）、BP側和ANR、hcidump的log抓取方法

AP的log抓取　　主要有main log和kernel log兩種。 1、Main log 　　註釋：　　　　Main log為應用程式的log，也是最常用的一種。提交功能性bug時，一般都要提供Main log。　　方法1：　　　　在手機後臺裡開一個程

【BZOJ3638】Cf172 k-Maximum Subsequence Sum 線段樹區間合並（模擬費用流）

font uil sin upper sample dex else name etc 【BZOJ3638】Cf172 k-Maximum Subsequence Sum Description 給一列數，要求支持操作： 1.修改某個數的值 2.讀入l,r,k，詢問

【git】git分支的合並

stat diff 出錯傳輸 .html read 簡單流程保存原文： http://gitbook.liuhui998.com/3_3.html http://gitbook.liuhui998.com/5_3.html 一、如何分支的合並在gi

【轉】PANDAS 數據合並與重塑（concat篇）

分享 levels 不同的整理 con 簡單 post ignore num 轉自：http://blog.csdn.net/stevenkwong/article/details/52528616 1 concat concat函數是在pandas底下的方法，可以將數據

HDU 1503【LCS】(字符串合並輸出)

out oca ref problem else HP AC spa col 題目鏈接：http://acm.hdu.edu.cn/showproblem.php?pid=1503 題目大意：給兩個字符串，組成一個長度盡可能小的字符串，它包含上述兩個字符串，且原字符串中的

51Nod 1021~1023 石子合並（逐步加強版）【dp】

四邊形 git pac min == hide char none get 51Nod 1021~1023 石子合並小結：這裏給出三種做法。第一種：n^3 最基礎的合並類dp， f[i,j]=min(f[i,j],f[i,k]+f[k,j]+w[i,j]) 這

【轉載】線段樹區間合並小結

最大值總結兩個註釋長度或操作可能地址組合原地址：https://blog.csdn.net/sunyutian1998/article/details/79618316 個人感覺區間合並是線段樹各種應用中變形最多也是比較難琢磨的一種 (以下以求01序列中

【Bootstrap】 table表格裡的某一行置頂

針對bootstrap table： JS： //$(this)是置頂的那個按鈕 var $tr = $(this).parent('td').parent('tr'); $('#table t

【福利】計算機公開課合集（視訊教程）

計算機公開課合集【公開課】23種設計模式 · 未名大學樑立新 23種設計模式：http://www.chinesemooc.org/live/763912 【公開課】資料結構與演算法北京大學趙海燕

AngularJS $q 和 $q.all 單個數據源和多個數據源合並（promise的說明）

獲取 lar debug let index 被拒可用第一個 brush 這篇文章講的不錯， angular $q 和 promise!! -------------------------------------------------------------- 通

【轉】Appium的安裝-Mac平臺（命令行 dmg）

兼容性問題壓縮解壓 3.1 修改文件 9.png 根據 ref 成功其實Appium的安裝方式主要有兩種： 1）自己安裝配置nodejs的環境，然後通過npm進行appium的安裝 2）直接下載官網提供的dmg進行安裝，dmg裏面已經有

【BZOJ4524】[Cqoi2016]偽光滑數堆（模擬搜索）

整數多少 while i++ size pop truct 滿足答案【BZOJ4524】[Cqoi2016]偽光滑數 Description 若一個大於1的整數M的質因數分解有k項，其最大的質因子為Ak，並且滿足Ak^K<=N,Ak<128，我們就

【總結】遊戲框架與架構設計（Unity為例）

單機業務 github 事件概念 lec 集合架構模式 wid 使用框架開發遊戲優點：耦合性低，重用性高，部署快，可維護性高，方便管理。提高開發效率，降低開發難度缺點：增加了系統結構和實現的復雜性，需要額外花費精力維護，不適合小型程序，易影響運行效率常見

【整理】常用電子設備功耗（不定期更新）

沒事標準優酷運行充電電子組裝由器 1.2 NAS 關機：1.4W（我擦，關機還耗電，還不少）待機：20W 運行：20W+每塊3.5寸硬盤5W PC 關機：1.2W 待機：45W（要不是你太吵，那你當nas也可以）處理器滿負荷：100W 顯卡滿負荷：180

【轉】 mysql反引號的使用（防沖突）

rev delete 僅供參考 cte each 必須 repl exc 沖突轉載地址：http://blog.itechol.com/space.php?uid=33&do=blog&id=6681 1、mysql語句中反引號【`】作用：避免表明

dataframe的合並（append, merge, concat）

顯示 3.2 選擇列數行合並重復原來 result value 1，pd.concat：拼接1.1，axisdf1 = pd.DataFrame(np.ones((3,4))*0, columns = [‘a‘, ‘b‘, ‘c‘, ‘d‘])df2 = pd.Da

啟發式合並（堆、set、splay、treap）/線段樹合並學習小記

排序需要操作數所有 class 兩個因此 ext pan 啟發式合並剛聽到這個東西的時候，我是相當蒙圈的。特別是“啟發式”這三個字莫名的裝逼，因此之前一直沒有學。實際上，這個東西就是一個SB貪心。以堆為例，若我們要合並兩個堆a、b，我們有一種極其簡單的做法：

【譯】節選--揭祕命名函式表示式（Named function expressions ）

作者：Juriy "kangax" Zaytsev 原文連結：kangax.github.io/nfe/ 簡介令人驚訝的是，在網上，關於命名函式表示式的討論似乎並不多。這可能因為有很多誤解在流傳。在本文中，我會試著從理論和實踐兩個方面總結這些精彩的Javascript構念，包括其中好的

【題解】洛谷P1273 有線電視網（樹上分組揹包）

次元傳送門：洛谷P1273 思路一開始想的是普通樹形DP 但是好像實現不大好觀摩了一下題解是樹上分組揹包設f[i][j]為以i為根的子樹中取j個客戶得到的總價值我們可以以i為根有j組在每一組中分別又取1個，2個，3個......n個客戶化為揹包思想即 j為一共有j組揹包容量為每

【HTML】table表格拆分合並（colspan、rowspan）

程式碼演示 橫向合併：

執行結果：

程式碼演示 縱向合併：

執行結果：

相關推薦

程式碼演示橫向合併：

程式碼演示縱向合併：