2014-03-24 30 views
0

我們使用angular-grid來顯示動態列的網格。即:角網格反轉列

col1 col2 col3 col4 col5 col6 col7 col8 col9 colx 

的列以正確的順序被返回,但是,角網格顯示它們回到前面。

colx col9 col8 col7 col6 col5 col4 col3 col2 col1 

有沒有辦法將這些列顛倒過來。我們不能使用列目的地,因爲我們不知道有多少列將被返回。

+0

是否使用NG網:您可以做這樣的事情做到這一點與動態列?你可以創建並鏈接到一個演示這樣的Plunk嗎? – Kabb5

回答

1

你應該按照正確的順序在columnDefs中列出它們。

相關文件: http://angular-ui.github.io/ng-grid/

如果你不知道,讓他們之前的列,您可以在接收到的數據,例如基於第一行後,設置該屬性。

0

嘗試按此順序傳遞列colx col9 col8 col7 col6 col5 col4 col3 col2 col1,它將顯示爲如col1 col2 col3 col4 col5 col6 col7 col8 col9 colx

0

您將需要爲您的數據集定義columnDefs

$scope.myData = [ 
    {name: 'col1', value: 'abc'}, 
    {name: 'col2', value: 'def'}, 
    // etc. 
    {name: 'colx', value: 'xyz'} 
]; 

$scope.$watchCollection('myData', function (new_myData, old_myData) { 
    angular.forEach(new_myData, function(item, index) { 
    $scope.columnDefs[index] = { 
     field: item.name, 
     value: item.value 
    }; 
    }); 
});