https://palmyra.dev/docs/api/frontend/mui/grid/ Recent content in Grid on Palmyra Hugo en-us https://palmyra.dev/docs/api/frontend/mui/grid/static-grid/ Mon, 01 Jan 0001 00:00:00 +0000 https://palmyra.dev/docs/api/frontend/mui/grid/static-grid/ <h1 id="staticgrid">StaticGrid<a class="anchor" href="#staticgrid">#</a></h1> <p><code>@palmyralabs/rt-forms-mui</code> · <code>grid/StaticGrid.tsx</code></p> <h2 id="overview">Overview<a class="anchor" href="#overview">#</a></h2> <p>Client-side table. Renders <code>columns</code> against an in-memory <code>rowData</code> array using the MUI package&rsquo;s local <code>BaseTable</code> — no server fetching, no pagination infrastructure. Use for already-loaded result sets, detail drills, and fixture tables.</p> <h2 id="props--staticgridoptions">Props — <code>StaticGridOptions</code><a class="anchor" href="#props--staticgridoptions">#</a></h2> <p>From the MUI package&rsquo;s <code>grid/base/typesInternal</code>. Shape mirrors the Mantine version:</p> <table> <thead> <tr> <th>Prop</th> <th>Type</th> <th>Purpose</th> </tr> </thead> <tbody> <tr> <td><code>columns</code></td> <td><code>ColumnDefinition[]</code></td> <td>Column defs (attribute, label, type, cellRenderer, …)</td> </tr> <tr> <td><code>rowData</code></td> <td><code>any[]</code></td> <td>Rows to render</td> </tr> <tr> <td><code>EmptyChild</code></td> <td><code>ComponentType?</code></td> <td>Rendered when <code>rowData</code> is empty</td> </tr> <tr> <td><code>customizer</code></td> <td><code>GridCustomizer?</code></td> <td>Header/footer/cell overrides</td> </tr> <tr> <td><code>onRowClick</code></td> <td><code>(rowData) =&gt; void?</code></td> <td>Per-row click handler</td> </tr> <tr> <td><code>setSortColumns</code></td> <td><code>(sort) =&gt; void?</code></td> <td>Client-side sort callback</td> </tr> </tbody> </table> <h2 id="ref--ipagequeryable">Ref — <code>IPageQueryable</code><a class="anchor" href="#ref--ipagequeryable">#</a></h2> <p>Inherited from <code>@palmyralabs/rt-forms</code>. Only the client-side methods are meaningful on a <code>StaticGrid</code>.</p> https://palmyra.dev/docs/api/frontend/mui/grid/palmyra-grid/ Mon, 01 Jan 0001 00:00:00 +0000 https://palmyra.dev/docs/api/frontend/mui/grid/palmyra-grid/ <h1 id="palmyragrid">PalmyraGrid<a class="anchor" href="#palmyragrid">#</a></h1> <p><code>@palmyralabs/rt-forms-mui</code> · <code>grid/PalmyraGrid.tsx</code></p> <h2 id="overview">Overview<a class="anchor" href="#overview">#</a></h2> <p>Server-backed grid. Wraps the MUI package&rsquo;s <code>GridX</code> (toolbar + table + pagination wiring) and exposes a pub-sub <code>topic</code> so other parts of the app can refresh or refilter the grid without holding its ref.</p> <h2 id="props--palmyragridoptionscontrolpropstype">Props — <code>PalmyraGridOptions&lt;ControlPropsType&gt;</code><a class="anchor" href="#props--palmyragridoptionscontrolpropstype">#</a></h2> <p>Declared locally in this package (<code>grid/types.ts</code>). Common props:</p> <table> <thead> <tr> <th>Prop</th> <th>Type</th> <th>Purpose</th> </tr> </thead> <tbody> <tr> <td><code>columns</code></td> <td><code>ColumnDefinition[]</code></td> <td>Column defs</td> </tr> <tr> <td><code>endPoint</code></td> <td><code>IEndPoint</code></td> <td>Wire endpoint path</td> </tr> <tr> <td><code>storeOptions</code></td> <td><code>StoreOptions?</code></td> <td>Forwarded to the store factory</td> </tr> <tr> <td><code>pageSize</code></td> <td><code>number | number[]?</code></td> <td>Options for the page-size selector</td> </tr> <tr> <td><code>topic</code></td> <td><code>string?</code></td> <td>Base topic name for the external bus</td> </tr> <tr> <td><code>DataGridControls</code></td> <td><code>ComponentType&lt;ControlPropsType&gt;?</code></td> <td>Toolbar / row-action component</td> </tr> <tr> <td><code>controlProps</code></td> <td><code>ControlPropsType?</code></td> <td>Props forwarded to the controls component</td> </tr> <tr> <td><code>initParams</code></td> <td><code>{ filter?, sort?, limit?, offset? }?</code></td> <td>Initial query state</td> </tr> </tbody> </table> <h2 id="topic-bus">Topic bus<a class="anchor" href="#topic-bus">#</a></h2> <p>When <code>topic = 'manufacturer'</code>:</p>