Javascript 如何向jQGrid列标题文本添加省略号

如何向jQGrid列标题文本添加省略号

jqGrid的当前列Html标题如下所示：

<th id="ControlType" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr" style="width: 141px;">
<span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">&nbsp;</span>
<div id="jqgh_PageGrid_ControlType" class="ui-jqgrid-sortable">
    W'ñÝÃáèTÿpê !!!_W<span class="s-ico" style="display:none">
        <span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span>
        <span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span>
    </span>

W'ñÝÃèTÿpè_W

"

我想在这个“W’ñ221ÃÿTÿpè”后面加上省略号_标题中的“W”。 我不想编辑jQGrid.js，尝试使用CSS规则

.ui jqgrid.ui jqgrid labels.ui第th列div{文本溢出：省略号}

由于

.s-ico

中的span标记

.ui jqgrid sortable

被设置为

显示：无

您可以使用伪元素向文本添加省略号：

.ui jqgrid可排序：之后{
内容：“…”；
}

Yes默认情况下图标是display block。当我添加省略号时，图标也会被切换（不是所需的选项），仅在div中包装文本将需要在jqGrid.js中进行更改（我相信这就是创建此html的地方）。我不允许在其jqGrid.js中进行更改。我们是否可以以某种方式包装“W'ñÝÃèTÿpê_W“使用jquery将文本转换为div，那么这将是一个简单的方法。：@RohitKumar检查：然后可以使用jquery

wrap

方法将文本节点包装起来：