HTMLのワイドテーブル

Question

ウェブページ上の表のリソースにアクセス権の概要を表示したいのですが、そのリソースは列とユーザーを行として表示します。ユーザーがリソースにアクセスしているかどうかに関わらず、セルは緑色または赤色です。セルには色以外のデータは含まれていないため、非常に小さくすることができます。

私は多くの行には問題がないが、より多くのリソースがあるとして、リソースのタイトルは、約30文字の長さにすることができて、テーブルには、非常に広い取得します。

どのような一般的なアプローチを選択しますか？ 厄介なCSSハッキングなどでヘッダ行を回転しようとしますか？

Answer 1

私はこのaproachをとらないでしょう。 2つのドロップリストを持つフォームを1つはアイテムと、もう1つは従業員と一緒に置いて手動でチェックする方が便利だと思います。

Answer 2

用途：

.vertical-text { 
    transform: rotate(90deg); 
    transform-origin: left top 0; 
}