HTMLテーブルに表示したいデータの長いリストがあります(たとえば、州とその略語など)。データを 2 x 50 のテーブルに表示する代わりに、より大きな画面ではよりコンパクトにしたいと思います (したがって、ユーザーは上下にスクロールする必要はありませんが、水平方向にスクロールする必要はありません)。
したがって、これは動的に成長します。
状態 | アブ ------------------- アラバマ州 | アラバマ州 アル アラスカ | アラスカ AK アリゾナ | アリゾナ AZ アーカンソー | アーカンソー AR カリフォルニア | カリフォルニア州 コロラド州 | コロラド州 CO コネチカット | CT
に:
状態 | アブ | 状態 | アブ | -------------------------------------- アラバマ州 | アラバマ州 アル | カリフォルニア | カリフォルニア | アラスカ | アラスカ AK | コロラド州 | コロラド州 CO | アリゾナ | アリゾナ AZ | アリゾナ州 | コネチカット | CT | CT | アーカンソー | アーカンソー AR |
またはこれ:
状態 | アブ | 状態 | アブ | 状態 | アブ | -------------------------------------------------- ------- アラバマ州 | アラバマ州 アル | アーカンソー | アーカンソー AR | コロラド州 | コロラド州 CO | アラスカ | アラスカ AK | カリフォルニア | カリフォルニア | コネチカット | CT | CT | アリゾナ | アリゾナ AZ | アリゾナ州 |
等....
画面幅によります。
私はjQueryを使用してRail 3アプリでこれを行っているので、jQueryソリューションを好みますが、どんなアイデアにもオープンです。