私の現在の Webproject では、月のすべての日を含むテーブルを実装する必要があり、その結果、テーブルの列は 30 ~ 31 になりました。このような巨大なテーブルはあまりきれいではないため、Doodle Polls のテーブルに似たものを実装したいと考えました。Doodle はテーブルを折りたたみ、非表示の列を写真に置き換えます。その画像をクリックすると、列が展開され、非表示の列が表示されます。
しかし、どうすればそのような動作を達成できますか? 私は Javascript を初めて使用し、派手な CSS3 の手法に精通していません。
特に、非表示の列を画像に置き換えるにはどうすればよいですか? 私が見つけたチュートリアルでは、特定の列を非表示にすることしかできず、それらを置き換えることはできません。
PS: 私が取り組んでいるプロジェクトは RoR で構築されており、おそらくその問題に対する Rails ソリューションも存在するため、RoR にもタグを付けました。
PPS: