how to create a nggrid custom footer

Question

I want to enable footers for ng-grid but I want to completely customize it and override what ng-grid does by default.

Basically, I just want a \'Load more...\' link at a

Answer 1

Although it is not listed in the API section of the ng-grid website, you can define a custom $scope.gridOptions.footerTemplate. Take a look a the source code and you will find (it is undefined, so it falls back to the default template as shown below):

 // the template for the column menu and filter, including the button.
 footerTemplate: undefined,

And here is the default template:

    

        

            {{i18n.ngTotalItemsLabel}} {{maxRows()}}({{i18n.ngShowingItemsLabel}} {{totalFilteredItemsLength()}})
        
        

            {{i18n.ngSelectedItemsLabel}} {{selectedItems.length}}
        
    
    

        

            {{i18n.ngPageSizeLabel}}
            
                {{size}}