Question

我把这个样式放在ASP标题

中

<style type="text/css">
    .truncated
    {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>

并将其应用于GridView单元格

<CellStyle CssClass="truncated"></CellStyle>

工作正常。

然而，当我尝试将相同的样式应用于标题

时

<HeaderStyle CssClass="truncated"></HeaderStyle>

失败了。我想列标题中的溢出文本（文本长度超过列宽）可以截断为：abcdef - ＆gt; A B C D... 但溢出文本只是隐藏，没有省略号效果出现，即没有“......”出现。

有关此问题的任何想法或解决方案的任何其他建议？谢谢！

Answer 1

尝试为.truncated规则集（或最大宽度）添加宽度。

Answer 2

它发生了cuz HeaderStyle将样式应用于标题行而不是标题的特定单元格。为了将样式应用于标题单元格，请将样式更改为：

<style type="text/css">
    .truncated th
    {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 50px;
        display: inline-block;
    }
</style>

Ofc你可以根据需要调整宽度。

通过CSS截断GridView列标题文本

2 个答案: