HTML表與w3css手風琴按鈕

我試圖用w3css手風琴按鈕創建一個HTML表，我有那麼遠，HTML表與w3css手風琴按鈕

codepen.io/thehellwithjfiddler/pen/bZyWZN

當我點擊一個標題（任何標題），這個標題的背景對整行不起作用（點擊後該行改變了寬度，顯示數據，但標題沒有。）。

請幫

我不知道我理解你'說的..但是你的td的最大寬度：設置爲120px，所以它們沒有擴大。 – Pat

你是什麼意思整行？你想要，你的手風琴的顏色與你的頭部顏色相同嗎？ –

嗨Nalin，我希望標題顏色「搶」整個標題行（相同的行標題所在），當錶行在單擊後展開時。如果您無法在codepen中打開代碼，我有一張圖片。 http://i.imgur.com/AZUWoXM.jpg – user2570938

按你最後的評論，如果您正在尋找在手風琴的容器或身體滾動試試這個

.w3-show-block, .w3-show { 
    display: block!important;  
    overflow-x: scroll; 
}

2016-08-22 21:13:46

Ty Nalin爲您解答。我想指出，我試圖（可悲地）建立一個HTML表格： a）可滾動horizontaly。 b）具有顯示或隱藏下列行的切換標題。 c）看起來乾淨整潔。我試過你的解決方案，但看看你滾動時頭部會發生什麼...... 謝謝。 – user2570938

好的，我以爲你想讓它變成點擊紅色！ –

哈哈，不，我真的想要它喜歡它，但沒有頭痛 – user2570938

回答