[問題] <td> 有rowspan時背景色的問題

作者steven11329 (清新柳橙)

看板Web_Design

標題[問題] <td> 有rowspan時背景色的問題

時間Wed Feb 8 17:16:16 2017

各位大大好：先給程式碼連結：http://codepen.io/anon/pen/ygxpJZ 我想要做出表格上偶數列的顏色與奇數列的顏色不同。如連結的下面那張表但是如果遇到rowspan的時候我用的css就會變成上面那張表一樣... 目前是用js另外做背景顏色處理，想請問只靠CSS有辦法解決這件事嗎？ -- 人生宗旨：摔不死！那就再來吧！ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.228.145.244 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1486545384.A.561.html

推 LPH66: 你想要讓大格的背景色也跟著其他橫格線切開著色嗎? 02/08 18:14

→ LPH66: 大格對 HTML 文件來說就是一格, 所以 CSS 應該無解 02/08 18:14

好吧...

推 EPGo: https://jsfiddle.net/qcngvz6x/ 笨笨的方法，從HTML下手 02/08 18:24

樓上大大你的fff欄還是白的阿。 ※ 編輯: steven11329 (36.228.145.244), 02/08/2017 21:00:37

推 sa0124: 目前只想到還是設兩格在上面那格的td 加 border-bottom顏 02/08 21:34

→ sa0124: 色=透明 02/08 21:34

推 EPGo: https://jsfiddle.net/qcngvz6x/1/ 會錯意sry~ 是這樣子嗎? 02/09 09:56

→ EPGo: 改良一下 https://jsfiddle.net/qcngvz6x/2/ 02/09 10:58

→ EPGo: 有條件，rowspan父層的tr下面必須放一個空的tr 02/09 11:00

rowspan數不一樣好像就沒用了... ※ 編輯: steven11329 (36.228.159.47), 02/09/2017 19:45:08

→ EPGo: 放棄table https://jsfiddle.net/crLjt7hf/1/ 02/09 21:36

→ steven11329: 樓上大大真是太有研究精神了！ 02/10 00:29

→ qptw: https://jsfiddle.net/qcngvz6x/3/我想到用分隔線OK嗎? 02/11 23:00

推 akccakcctw: 試著用CSS grid作 https://jsfiddle.net/crLjt7hf/3/ 02/14 00:53

推 akccakcctw: 支援度還不高，http://caniuse.com/#feat=css-grid 02/14 00:56

→ akccakcctw: http://imgur.com/a/oiIit 02/14 00:59