用data-th 實現響應式表格的方法(table RWD). 發表於 2020-02-23 | 分類於 CSS ... ... <看更多>
「rwd table css」的推薦目錄：
- 關於rwd table css 在 [問題] 表格RWD使用div+css寫法- 看板Web_Design - 批踢踢 ... 的評價
- 關於rwd table css 在 用data-th 實現響應式表格的方法(table RWD) | 0與1之間 的評價
- 關於rwd table css 在 阿莫斯の網頁料理室: RWD TABLE | RWD 表格| 新手網頁教學 ... 的評價
- 關於rwd table css 在 Css Coke - 今天晚上十點來講RWD table 啦 的評價
- 關於rwd table css 在 how to make responsive table in mobile view - Stack Overflow 的評價
- 關於rwd table css 在 rwd表格範例的推薦與評價，FACEBOOK和網紅們這樣回答 - 總覽 的評價
- 關於rwd table css 在 透過MJML 快速完成RWD Email 排版- Gary (@gary_chu) 的評價
rwd table css 在 阿莫斯の網頁料理室: RWD TABLE | RWD 表格| 新手網頁教學 ... 的推薦與評價
阿莫斯の網頁料理室: RWD TABLE | RWD 表格| 新手網頁教學系列| responsive web | RWD ... ... <看更多>
rwd table css 在 Css Coke - 今天晚上十點來講RWD table 啦 的推薦與評價
今天晚上十點來講RWD table 啦，有興趣的一起來聊吧，直播位置請見第一篇留言吧#直播主預算只剩手繪稿了. ... <看更多>
rwd table css 在 透過MJML 快速完成RWD Email 排版- Gary (@gary_chu) 的推薦與評價
不過，我也因此開始研究那被我棄如敝屣的Table 排版，並踏入了RWD Email 排版的大坑。 Email 排版的困境. 為什麼RWD Email 排版是大坑呢？主要是CSS 支援 ... ... <看更多>
rwd table css 在 [問題] 表格RWD使用div+css寫法- 看板Web_Design - 批踢踢 ... 的推薦與評價
最近在練習寫表格真的覺得很頭大....
尤其又要轉換手機版樣式，邊框線常常這邊多一條那裡少一條的...有請各位經驗多的大大分享一些心得寫法QQ
不過目前遇到比較苦手的部份是表格head
如圖（寬螢幕版本）
Q1. 綠色1、2列在手機版呈現會如下圖，拆成兩個區塊的表格（表格head會獨立再顯示出現）
_
這部份原本嘗試用data-title+偽元素去寫，
但發現這樣儲存格的區塊就要多寫margin或padding去預留上方表頭的位置，資料一多似乎有點麻煩....orz
所以想上來問問有沒有更簡潔的寫法呈現～～
_
Q2. 合併儲存格的部份要怎麼讓他寫成合併的樣子呢？（目前是寫成個別儲存格不顯示框線=還是塞在右2的儲存格裡）
以上求解感謝各位大大！小妹先跪惹Q_Q
-----
Sent from JPTT on my iPhone
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.140.157.32
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1519801821.A.AA8.html
... <看更多>