Css 定制JeasyUI数据网格头

我正在尝试为我正在显示的一些信息获得一个特定的设计/布局，我使用Jeasyui，因为我喜欢它的一些功能，以及它的外观和感觉

我正在尝试获得一个输出作为下一个图像

我很难让表格达到我想要的样子，因为我在互联网上找到了一些代码，这些代码确实帮助我获得了表格，但这使得我很难对它进行更多的修改。我找到了这个css代码

.datagrid-header-row td[rowspan="1"] {
height:100px;
/* need to be properly fixed */
-webkit-transform: rotate(-90deg);
/* Safari */
-moz-transform: rotate(-90deg);
/* Firefox */
-ms-transform: rotate(-90deg);
/* IE */
-o-transform: rotate(-90deg);
/* Opera */
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

列宽太宽了，我在css和HTML中使用了不同的列宽，我无法让它合适。在一些标题中，我需要word wrap，但它不起作用，必须使用

，但一旦我获得所需的输出，这些标题将动态加载

这里是我实际编码的链接

---

尝试使用高度：自动@PedroCorcheroMurga我必须有一个固定的旋转高度，高度管理高度，而不是宽度。尝试使用高度：自动@PedroCorcheroMurga我必须有一个固定的旋转高度，高度管理高度，而不是宽度。