html中表頭的合併,類Excel

2021-09-20 19:21:32 字數 3684 閱讀 5835

在jsp上,需要做出類似於excel表頭合併的效果時,可以用如下方法。

<

table

class

="table_titlelist"id=

"activitydatatable"

>

<

tr>

<

throwspan

="3"

width

="30px"

>

大區th

>

<

throwspan

="3"

width

="30px"

>

經銷商編號

th>

<

throwspan

="3"

width

="30px"

>

經銷商名稱

th>

<

throwspan

="3"

width

="30px"

>

投訴總量

th>

<

throwspan

="3"

width

="30px"

>

重大th

>

<

throwspan

="3"

width

="30px"

>

重要th

>

<

throwspan

="3"

width

="30px"

>

一般th

>

<

thcolspan

="9"

style

="text-align

: center

;">

反饋率資料

th>

<

thcolspan

="9"

style

="text-align

: center

;">

解決率資料

th>

<

throwspan

="3"

width

="30px"

>

應解決總量

th>

<

throwspan

="3"

width

="30px"

>

實際解決總量

th>

<

throwspan

="3"

width

="30px"

>

實際解決率

th>

<

throwspan

="3"

width

="30px"

>

結案客戶滿意度(25

分滿分)

th>

tr>

<

tr>

<

thcolspan

="3"

style

="text-align

: center

;">

重大th

>

<

thcolspan

="3"

style

="text-align

: center

;">

重要th

>

<

thcolspan

="3"

style

="text-align

: center

;">

一般th

>

<

thcolspan

="3"

style

="text-align

: center

;">

重大th

>

<

thcolspan

="3"

style

="text-align

: center

;">

重要th

>

<

thcolspan

="3"

style

="text-align

: center

;">

一般th

>

tr>

<

tr>

<

thwidth

="30px"

>

5h應反饋量

th>

<

thwidth

="30px"

>

5h實際反饋量

th>

<

thwidth

="30px"

>

5h實際反饋率

th>

<

thwidth

="30px"

>

12h應反饋量

th>

<

thwidth

="30px"

>

12h實際反饋量

th>

<

thwidth

="30px"

>

12h實際反饋率

th>

<

thwidth

="30px"

>

24h應反饋量

th>

<

thwidth

="30px"

>

24h實際反饋量

th>

<

thwidth

="30px"

>

24h實際反饋率

th>

<

thwidth

="30px"

>

48h應解決量

th>

<

thwidth

="30px"

>

48h實際解決量

th>

<

thwidth

="30px"

>

48h實際解決率

th>

<

thwidth

="30px"

>

72h應解決量

th>

<

thwidth

="30px"

>

72h實際解決量

th>

<

thwidth

="30px"

>

72h實際解決率

th>

<

thwidth

="30px"

>

72h應解決量

th>

<

thwidth

="30px"

>

72h實際解決量

th>

<

thwidth

="30px"

>

72h實際解決率

th>

tr>

table

>

效果見:效果圖.jpg

附件:

html表頭的結構

url 位址路徑 user agent 網頁頭 host 是本地計算機在向伺服器傳送的檔案 位址 accept language 是http 請求裡面的乙個屬性,用於告訴伺服器瀏覽器可以支援什麼語言。如果 支援多語種的話,可以使用這個資訊來決定返回什麼語言的網頁 referer 是 http 請求h...

element的table元件,表頭合併

在el table column裡面寫兩個el table column,然後用header cell style將子表頭隱藏 data tabledata span method objectspanmethod header row class name analyse header borde...

HTML 表頭標籤的屬性

標籤的屬性和標籤的屬性及語法格式非常的相似,用於設定 中某一表頭的屬性。標籤中常用的屬性 標籤 描述align 設定單元格內容的水平對齊方式 valign 設定單元格內容的垂直對齊方式 bgcolor 設定單元格的背景顏色 background 設定單元格的背景 width 設定單元格的寬度 hei...