将 gridview 标题中的垂直文本与窄列对齐

问题描述

环境：Microsoft Visual Studio 2019 社区，使用 VB.NET 的 ASP.NET v4.8 Web 应用程序项目

问题：我有一个带有文本和复选框列的网格视图。我想让标题文本垂直（仅在复选框列中）以节省空间。

这是使用：

/* Vertical text for crowded table headings */
.verticalHeader {
    transform: rotate(-90deg);
    width: 120px;
    height: 20px;
    text-align: left;
    vertical-align: middle;
}

<asp:TemplateField
     HeaderText="Orgchart"
     SortExpression="Orgchart">
     <HeaderStyle CssClass="verticalHeader" />
     <ItemStyle  CssClass="narrowCol"/>
     <ItemTemplate>
        <asp:checkbox ID="cbOrgchart" runat="server" ></asp:checkbox>
     </ItemTemplate>
 <asp:TemplateField>

但是，垂直文本现在对于标题行来说太宽（即太高）并且会碰到实际的复选框。

这可以通过使用

加深标题行来解决

<HeaderStyle-height="130px"/>

在 gridview 声明或任何模板字段声明中。

问题在于，应用此样式会使窄列标题高 130 像素，然后在旋转时变为 130 像素宽，因此我最终会在列中的复选框上方显示窄的垂直文本，其宽度与如果我使用的是普通文本。

我尝试了各种方法来将转换应用于文本，但都没有成功。

这必须是可解决的，因为许多应用程序必须具有相同的要求，但我被卡住了。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

gridview gridview vertical-text