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

Here is how I did it inline. This custom footer removes the paging option while showing the current page, total, page first, next, previous and last buttons.

You put it in the options for the grid.

footerTemplate: "
" +
            "
" +
                "
" +
                    "{{i18n.ngTotalItemsLabel}} {{maxRows()}} 0\" class=\"ngLabel\">({{i18n.ngShowingItemsLabel}} {{totalFilteredItemsLength()}})" +
                "
" +
                "
" +
                    "{{i18n.ngSelectedItemsLabel}} {{selectedItems.length}}" +
                "
" +
            "
" +
                "
" +

                   " 
" +
                   "page {{pagingOptions.currentPage}} of {{maxPages()}} " +
                   " 
" +
                       " 
" +
                        " 
" +
                        " 
" +
                     
                      "  
" +
                "
" +
            "
"