標題：MVC之 CSS table colgroup 關係結構
出處：A.PAO designSTUDIO BLOG
時間：Thu, 13 Aug 2015 21:37:06 +0000
作者：apao
地址：https://blog.apao.idv.tw/post/1126/
內容：
MVC模式之下，主導View視覺的設計師，必須顧慮到 Control 工程師較容易改寫 table tr 寬度時，以 CSS 控制寬度 tr 是一個辦法，但是負責 Control 卻是越界去調整 CSS 設定，便達不到 MVC 理想境界了。
與 Control 工程師討論之下，採用 colgroup的方式，切割出 tr 的寬度，就能讓工程師安心的在html中改寫寬度，不需要彙整兩端的人員去修改網頁程式了。
點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=2211
以下常試著使用
1.table col 控制寬度
2.CSS class='a' 控制背景顏色
3.CSS class='a' 控制寬度與背景顏色
CSS, table, colgroup
style中指定
table, th, tr, td border 1px
th 背景與文字顏色
col class="a" 的背景, 居中設定
col class="b" 的寬度, 背景設定
colgroup中指定
col 列數量=1, 寬度100px（第一列）
col 列數量=1, col class="b" （第二列）
col 列數量=1, （第三列）
Source
html table colgroup
| title01 |
title02 |
title03 |
| 01 |
02 |
03 |
| 04 |
05 |
06 |
| 07 |
08 |
09 |
參考：
http://blog.apao.idv.tw/html5/col/colgroup.php
Generated by Bo-blog 2.1.1 Release