Grid Table v1.0.8: Mobile Layout Control + Server Pagination

@forgedevstack/grid-table just shipped v1.0.8, and this release is all about production workflows.

Instead of adding random surface area, we focused on what usually breaks first in real products:

• mobile table behavior
• server-driven data paging
• UX polish for high-density grids
• docs/demos that are actually implementation-ready

Highlights

1) New mobileLayout prop

You can now choose mobile behavior explicitly:

• "scroll" (default): keep full table semantics with horizontal scroll
• "stacked": card-like row layout for narrow viewports

<GridTable
  data={rows}
  columns={columns}
  mobileBreakpoint="tablet"
  mobileLayout="stacked"
/>

This gives product teams control instead of forcing one “mobile table” opinion.

2) Manual pagination for API slices

Server paging is now first-class:

• paginationConfig.manualPagination
• paginationConfig.totalRowCount

<GridTable
  data={rowsFromApi}
  columns={columns}
  paginationConfig={{
    manualPagination: true,
    totalRowCount: totalFromApi,
    initialPage: 1,
    initialPageSize: 10
  }}
  onPageChange={(page, pageSize) => refetch(page, pageSize)}
/>

You keep client UX, while pagination math reflects backend totals correctly.

3) UX + stability improvements

• hover effect toned down for cleaner scanability
• toolbar icon size tuned for touch layouts
• computed totals aligned with manual paging
• hook-order loading fix in GridTableContent (no more render mismatch edge case)

4) Portal got much better

The portal now includes practical demos for:

• accessibility
• master-detail rows
• persisted pagination
• server-driven pagination
• column grouping band
• lazy/large lists
• theme + playground hub

Plus copy-ready demo snippets, so adoption is much faster.

Why this matters

Most grid demos look fine with static arrays and desktop-only assumptions.

v1.0.8 is about teams shipping real apps:

• complex states
• backend pagination
• mobile decisions
• high-interaction UX

Ecosystem fit

Grid Table is part of Forge Dev Stack and pairs naturally with:

• Bear UI
• Forge Compass
• Synapse
• Harbor
• Forge CLI

Try it

npm i @forgedevstack/grid-table

• Wedsite: https://grid-table.com
• GitHub: https://github.com/yaghobieh/grid-table
• Changelog: https://github.com/yaghobieh/grid-table/blob/main/CHANGELOG.md

If you want, I can share a follow-up post with concrete patterns for:

• API paging + optimistic edits
• stacked mobile cards for operations apps
• tree data + master-detail hybrid views