{"id":3139,"date":"2025-08-04T18:34:31","date_gmt":"2025-08-04T18:34:31","guid":{"rendered":"https:\/\/flexipostgrid.creativewebui.com\/?post_type=docs&p=3139"},"modified":"2026-01-31T11:18:39","modified_gmt":"2026-01-31T11:18:39","password":"","slug":"grid-pagination-and-filter","status":"publish","type":"docs","link":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/","title":{"rendered":"Grid Pagination and Filter"},"content":{"rendered":"\n

Control how your grid displays navigation and category filters for improved user experience.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Settings Overview<\/h2>\n\n\n\n
Setting<\/th>Description<\/th><\/tr><\/thead>
Show Pagination<\/strong><\/td>Enable this option to display pagination at the bottom of your grid. You can choose from three pagination types: Classic Pagination<\/strong>, Load More Button (AJAX)<\/strong>, or Infinite Scroll (AJAX)<\/strong> to control how posts are loaded and navigated.<\/td><\/tr>
Show Filter<\/strong><\/td>Enable this to display category-based filters above the grid. Visitors can then filter posts by category without reloading the page.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

How to Use Pagination Options<\/h2>\n\n\n\n

Enable Show Pagination<\/strong> to display pagination controls below the grid.<\/p>\n\n\n\n

Select a Pagination Mode<\/strong> based on your preference:<\/p>\n\n\n\n

    \n
  • Classic Pagination<\/strong> \u2013 Shows numbered pages for traditional navigation.<\/li>\n\n\n\n
  • Load More Button (AJAX)<\/strong> \u2013 Loads more posts when the user clicks the button.<\/li>\n\n\n\n
  • Infinite Scroll (AJAX)<\/strong> \u2013 Automatically loads posts as the user scrolls down.<\/li>\n<\/ul>\n\n\n\n

    Save the settings and preview your grid on the frontend.<\/p>\n\n\n\n

    Tips<\/h2>\n\n\n\n

    Use pagination<\/strong> if you’re showing a large number of posts and want to avoid long scrolls.<\/p>\n\n\n\n

    Use filters<\/strong> when posts span multiple categories and you want quick sorting for users.<\/p>\n\n\n\n

    Both options can be used together or individually, depending on your layout needs.<\/p>\n\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    Control how your grid displays navigation and category filters for improved user experience. Settings Overview Setting Description Show Pagination Enable this option to display pagination at the bottom of your grid. You can choose from three pagination types: Classic Pagination, Load More Button (AJAX), or Infinite Scroll (AJAX) to control how posts are loaded and navigated. Show Filter Enable this to display category-based filters above the grid. Visitors can then filter posts by category without reloading the page. How to Use Pagination Options Enable Show Pagination to display pagination controls below the grid. Select a Pagination Mode based on your preference: Save the settings and preview your grid on the frontend. Tips Use pagination if you’re showing a large number of posts and want to avoid long scrolls. Use filters when posts span multiple categories and you want quick sorting for users. Both options can be used together or individually, depending on your layout needs.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[26],"doc_tag":[],"class_list":["post-3139","docs","type-docs","status-publish","hentry","doc_category-using-the-plugin"],"year_month":"2026-04","word_count":183,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Elementordipak","author_nicename":"elementordipak","author_url":"https:\/\/creativewebui.com\/flexi-post-grid\/author\/elementordipak\/"},"doc_category_info":[{"term_name":"Using the Plugin","term_url":"https:\/\/creativewebui.com\/flexi-post-grid\/docs-category\/using-the-plugin\/"}],"doc_tag_info":[],"yoast_head":"\nGrid Pagination and Filter - Flexi Post Grid<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grid Pagination and Filter - Flexi Post Grid\" \/>\n<meta property=\"og:description\" content=\"Control how your grid displays navigation and category filters for improved user experience. Settings Overview Setting Description Show Pagination Enable this option to display pagination at the bottom of your grid. You can choose from three pagination types: Classic Pagination, Load More Button (AJAX), or Infinite Scroll (AJAX) to control how posts are loaded and navigated. Show Filter Enable this to display category-based filters above the grid. Visitors can then filter posts by category without reloading the page. How to Use Pagination Options Enable Show Pagination to display pagination controls below the grid. Select a Pagination Mode based on your preference: Save the settings and preview your grid on the frontend. Tips Use pagination if you’re showing a large number of posts and want to avoid long scrolls. Use filters when posts span multiple categories and you want quick sorting for users. Both options can be used together or individually, depending on your layout needs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/\" \/>\n<meta property=\"og:site_name\" content=\"Flexi Post Grid\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-31T11:18:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Pagination-Screenshot-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"298\" \/>\n\t<meta property=\"og:image:height\" content=\"190\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/\",\"url\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/\",\"name\":\"Grid Pagination and Filter - Flexi Post Grid\",\"isPartOf\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Pagination-Screenshot-3.jpg\",\"datePublished\":\"2025-08-04T18:34:31+00:00\",\"dateModified\":\"2026-01-31T11:18:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/#primaryimage\",\"url\":\"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Pagination-Screenshot-3.jpg\",\"contentUrl\":\"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Pagination-Screenshot-3.jpg\",\"width\":298,\"height\":190},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creativewebui.com\/flexi-post-grid\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation\",\"item\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Grid Pagination and Filter\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/\",\"name\":\"Flexi Post Grid\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/flexipostgrid.creativewebui.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Grid Pagination and Filter - Flexi Post Grid","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/","og_locale":"en_US","og_type":"article","og_title":"Grid Pagination and Filter - Flexi Post Grid","og_description":"Control how your grid displays navigation and category filters for improved user experience. Settings Overview Setting Description Show Pagination Enable this option to display pagination at the bottom of your grid. You can choose from three pagination types: Classic Pagination, Load More Button (AJAX), or Infinite Scroll (AJAX) to control how posts are loaded and navigated. Show Filter Enable this to display category-based filters above the grid. Visitors can then filter posts by category without reloading the page. How to Use Pagination Options Enable Show Pagination to display pagination controls below the grid. Select a Pagination Mode based on your preference: Save the settings and preview your grid on the frontend. Tips Use pagination if you’re showing a large number of posts and want to avoid long scrolls. Use filters when posts span multiple categories and you want quick sorting for users. Both options can be used together or individually, depending on your layout needs.","og_url":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/","og_site_name":"Flexi Post Grid","article_modified_time":"2026-01-31T11:18:39+00:00","og_image":[{"width":298,"height":190,"url":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Pagination-Screenshot-3.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/","url":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/","name":"Grid Pagination and Filter - Flexi Post Grid","isPartOf":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/#primaryimage"},"image":{"@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/#primaryimage"},"thumbnailUrl":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Pagination-Screenshot-3.jpg","datePublished":"2025-08-04T18:34:31+00:00","dateModified":"2026-01-31T11:18:39+00:00","breadcrumb":{"@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/#primaryimage","url":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Pagination-Screenshot-3.jpg","contentUrl":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Pagination-Screenshot-3.jpg","width":298,"height":190},{"@type":"BreadcrumbList","@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-pagination-and-filter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativewebui.com\/flexi-post-grid\/"},{"@type":"ListItem","position":2,"name":"Documentation","item":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/"},{"@type":"ListItem","position":3,"name":"Grid Pagination and Filter"}]},{"@type":"WebSite","@id":"https:\/\/flexipostgrid.creativewebui.com\/#website","url":"https:\/\/flexipostgrid.creativewebui.com\/","name":"Flexi Post Grid","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flexipostgrid.creativewebui.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/comments?post=3139"}],"version-history":[{"count":6,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3139\/revisions"}],"predecessor-version":[{"id":5573,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3139\/revisions\/5573"}],"wp:attachment":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/media?parent=3139"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_category?post=3139"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_tag?post=3139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}