代码之家 › 专栏 › 技术社区 › FullStackDeveloper

如何在网格标题中隐藏排序号

angular-ui-grid angularjs

FullStackDeveloper · 技术社区 · 7 年前

我正在使用angularjs ui网格。我对4列进行了排序,但在我的网格中,我可以看到我想要隐藏这些排序号的排序号。我没有找到任何api配置或解决方案。谢谢

columnDefs: [
                {
                    name: 'name',
                    displayName: "",
                    width: '48%',
                    grouping: {groupPriority: 0},
                    sort: {priority: 0, direction: 'asc'}
                },
                {
                    name: 'id',
                    displayName: "",
                    sort: {priority: 2, direction: 'asc'}
                },
                {
                    name: 'bar',
                    displayName: "",
                    sort: {priority: 3, direction: 'asc'}
                },
                {
                    name: 'foo',
                    displayName: "",
                    sort: {priority: 1, direction: 'asc'}
                }
            ],

1 回复 | 直到 7 年前

JC Ford 7 年前

这内置于网格的多列排序功能中。如果要抑制数字,可以为每个列提供自定义标题单元格模板,如下所述:

http://ui-grid.info/docs/#/api/ui.grid.class:GridOptions

或者编写CSS规则来隐藏元素。在这种情况下,您很幸运,因为所讨论的元素有一个特定的类: ui-grid-sort-priority-number

.ui-grid-sort-priority-number {
    display: none;
}

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前