Objective:
To
bring select list pagination in Interactive Grid.
Solution:
Step
1: Create Interactive Grid.
Step
2: Set show
total row count = YES.
Step 3: Add the below JS in the JS section of the IG
attributes.
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!
}
Output:
Related Posts:
Comments
Post a Comment