Javascript 如何在Sharepoint列表分组视图中隐藏列名

Javascript 如何在Sharepoint列表分组视图中隐藏列名,javascript,css,sharepoint,sharepoint-online,Javascript,Css,Sharepoint,Sharepoint Online,在SharePoint Online中,我从列表中创建了一个分组视图 我想列出列表分类依据的列的值,但不想列出列的名称 例如,视图按类别分组,但我不希望标题“Category:”出现在每个分组前面,如中所示: 类别:资产管理(2) 类别:数据采集(5) 类别:一般行政(6) 我尝试了下面的文章,它隐藏了列名,但没有冒号。它还取消了展开/折叠项目的功能 G.a.女士:第一个孩子{ 显示:块; 可见性:隐藏; } .ms gb a:链接>img{ 显示:内联; 能见度:可见; 位置:相对位置;

在SharePoint Online中,我从列表中创建了一个分组视图

我想列出列表分类依据的列的值,但不想列出列的名称

例如,视图按类别分组,但我不希望标题“Category:”出现在每个分组前面,如中所示:

类别:资产管理(2)

类别:数据采集(5)

类别:一般行政(6)

我尝试了下面的文章,它隐藏了列名,但没有冒号。它还取消了展开/折叠项目的功能


G.a.女士:第一个孩子{
显示:块;
可见性:隐藏;
} 
.ms gb a:链接>img{
显示:内联;
能见度:可见;
位置:相对位置;
顶部:13px;
右:5px;
} 
维维海德尔女士
{
显示:无;
}

最终结果应该是列名和冒号隐藏。仍然可以折叠/展开项。

我们可以使用jQuery来实现它。将代码添加到列表视图页面中的脚本编辑器web部件中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  
<script type="text/javascript">
$(document).ready(function () {
    $("table.ms-listviewtable td[class='ms-gb']").each(function() {
        elem = $(this)[0];
        var linkNode = elem.childNodes[0];
        linkNode.removeChild(linkNode.childNodes[1]);
        var textNode = elem.childNodes[1];
        textNode.nodeValue = textNode.nodeValue.split(':')[1];
        linkNode.appendChild(textNode);
    });
});
</script>

$(文档).ready(函数(){
$(“table.ms-listviewtable td[class='ms-gb'])。每个(函数(){
元素=$(此)[0];
var linkNode=elem.childNodes[0];
linkNode.removeChild(linkNode.childNodes[1]);
var textNode=elem.childNodes[1];
textNode.nodeValue=textNode.nodeValue.split(“:”)[1];
linkNode.appendChild(textNode);
});
});

我们可以使用jQuery来实现它。将代码添加到列表视图页面中的脚本编辑器web部件中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  
<script type="text/javascript">
$(document).ready(function () {
    $("table.ms-listviewtable td[class='ms-gb']").each(function() {
        elem = $(this)[0];
        var linkNode = elem.childNodes[0];
        linkNode.removeChild(linkNode.childNodes[1]);
        var textNode = elem.childNodes[1];
        textNode.nodeValue = textNode.nodeValue.split(':')[1];
        linkNode.appendChild(textNode);
    });
});
</script>

$(文档).ready(函数(){
$(“table.ms-listviewtable td[class='ms-gb'])。每个(函数(){
元素=$(此)[0];
var linkNode=elem.childNodes[0];
linkNode.removeChild(linkNode.childNodes[1]);
var textNode=elem.childNodes[1];
textNode.nodeValue=textNode.nodeValue.split(“:”)[1];
linkNode.appendChild(textNode);
});
});

这不适用于SharePoint Online modern页面。脚本编辑器web部件已被删除。这对SharePoint Online modern页面无效。脚本编辑器web部件已被删除。