HTML中的宽表格

Question

我想在网页上的表格中显示对某些资源的访问权限的概述，其中资源为列，用户为行。如果用户有权访问资源，则单元格为绿色或红色。单元格不包含除颜色之外的其他数据，因此可能非常小。

我对很多行没有任何问题，但随着资源越来越多，表格变得非常宽，因为资源的标题长度大约为30个字符。

您会选择哪种一般方法？ 尝试用令人讨厌的CSS黑客或其他东西旋转标题行？

Answer 1

使用：

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

Answer 2

我不会接受这种方法。如果你把一个带有两个下拉列表的表单与一个项目放在一起，另一个下载一个与员工一起并手动检查它，我认为更有用。