Select List Pagination in APEX IG


One main disadvantage of APEX Interactive Grid is the
pagination. IG default pagination doesn’t have the option as classic Select
List Pagination, instead it has page by page selection with Next and Previous
icons.
However, the classic Select List pagination with X-Y of Z
option in Interactive Grid can be achieved using the below code:

Code:

function(config) {
    config.defaultGridViewOptions
= {
        rowHeader: “sequence”,
        pagination: {
            showRange: true,
            showPageSelector: true,
            showPageLinks: false,
// uncomment to hide the first and last buttons
//            firstAndLastButtons: false
        }
    };
    config.defaultIconViewOptions
= {
        collectionClasses: “t-Cards
t-Cards–compact t-Cards–displayIcons u-colors t-Cards–desc-2ln”
    };
    return config; // don‘t forget to return this!
}

Place the above code in the JavaScript section of the
Grid Attributes.

Output:

  • April 16, 2018 | 19 views