•  
  •  
  •  
  •  
  •  

找了好久終於找到一個可視性最好的解法 Table Thead Fixed 這個需求只要是有資料報表就一定會用到,之前的作法 https://www.webteach.tw/?p=701 資料項目少的時候還可以用,但只要一多還是會跑版。

最近搜尋到這篇 https://www.cnblogs.com/webSong/p/6242444.html 經測試可視性好太多了,雖然在處理 colspan 欄位時還是會小跑版但還在可接受的範圍。

備份一下語法

<style>
table tbody {
	display:block;
	height:400px;
	overflow-y:scroll;
}

table thead, tbody tr {
	display:table;
	width:100%;
	table-layout:fixed;
}

table thead {
	width: calc( 100% - 1em )
}
table thead th{ background:#ccc;}
</style>
喜歡我的文章嗎?歡迎按讚加分享/留言交流,或是點擊下方廣告讚助我喝一杯咖啡吧 ^_^ ⇩⇩⇩
  •  
  •   
  •  
  •  
  •  
  •  

Leave a comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *