2017-09-18 6 views
0

私はangularjs ui-gridを使用しています。私は4列をソートしましたが、私のグリッドでは、ソート番号を隠したいソート番号を見ることができます。私はapiの構成や解決策が見つかりませんでした。ありがとう。グリッドの複数列のソート機能に組み込まれている enter image description hereグリッドヘッダのソート番号を非表示にする方法

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

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

をOR素子を隠すためにCSSルールを記述します。あなたは数を抑制したい場合は、どちらかここに記載されているように、列ごとにカスタムヘッダーセルのテンプレートを提供することができます。この場合、問題の要素は特定のクラス(ui-grid-sort-priority-number)を持っているので、あなたはラッキーです。これはトリックを行う必要があります。

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

'ui-grid-sort-priority-number' cssクラスは、グリッド全体を非表示にします。 – EntryLeveDeveloper

+0

グリッド全体が隠れていると間違った入力が必要です。このクラスは、非表示にする番号を含む ''要素でのみ使用されます。 –

+0

ここでデモンストレーションしていただけますか? http://plnkr.co/edit/TikOeNSSfEolyrdJ6Tnz?p=preview – EntryLeveDeveloper

関連する問題