<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Grid on Palmyra</title>
    <link>https://palmyra.dev/docs/api/frontend/mantine/grid/</link>
    <description>Recent content in Grid on Palmyra</description>
    <generator>Hugo</generator>
    <language>en-us</language>
    <atom:link href="https://palmyra.dev/docs/api/frontend/mantine/grid/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>StaticGrid</title>
      <link>https://palmyra.dev/docs/api/frontend/mantine/grid/static-grid/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://palmyra.dev/docs/api/frontend/mantine/grid/static-grid/</guid>
      <description>&lt;h1 id=&#34;staticgrid&#34;&gt;StaticGrid&lt;a class=&#34;anchor&#34; href=&#34;#staticgrid&#34;&gt;#&lt;/a&gt;&lt;/h1&gt;&#xA;&lt;p&gt;&lt;code&gt;@palmyralabs/rt-forms-mantine&lt;/code&gt; · &lt;code&gt;grid/StaticGrid.tsx&lt;/code&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;overview&#34;&gt;Overview&lt;a class=&#34;anchor&#34; href=&#34;#overview&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Client-side table. Renders &lt;code&gt;columns&lt;/code&gt; against an in-memory &lt;code&gt;rowData&lt;/code&gt; array using &lt;code&gt;BaseTable&lt;/code&gt; — no server fetching, no pagination infrastructure. Use it for already-loaded result sets, detail drills, and fixture tables.&lt;/p&gt;&#xA;&lt;h2 id=&#34;signature&#34;&gt;Signature&lt;a class=&#34;anchor&#34; href=&#34;#signature&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-ts&#34; data-lang=&#34;ts&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;const&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;StaticGrid&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;forwardRef&lt;/span&gt;(&lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;StaticGrid&lt;/span&gt;(&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;props&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;StaticGridOptions&lt;/span&gt;,&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;ref&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;RefObject&lt;/span&gt;&amp;lt;&lt;span style=&#34;color:#f92672&#34;&gt;IPageQueryable&lt;/span&gt;&amp;gt;,&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;)&lt;span style=&#34;color:#f92672&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;JSX&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;Element&lt;/span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;props--staticgridoptions-from-palmyralabsrt-forms&#34;&gt;Props — &lt;code&gt;StaticGridOptions&lt;/code&gt; (from &lt;code&gt;@palmyralabs/rt-forms&lt;/code&gt;)&lt;a class=&#34;anchor&#34; href=&#34;#props--staticgridoptions-from-palmyralabsrt-forms&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th&gt;Prop&lt;/th&gt;&#xA;          &lt;th&gt;Type&lt;/th&gt;&#xA;          &lt;th&gt;Purpose&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;columns&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;ColumnDefinition[]&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Column defs (attribute, label, type, cellRenderer, …)&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;rowData&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;any[]&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Rows to render&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;EmptyChild&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;ComponentType?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Rendered when &lt;code&gt;rowData&lt;/code&gt; is empty&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;customizer&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;GridCustomizer?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Header/footer/cell overrides (defaults to &lt;code&gt;NoopGridCustomizer&lt;/code&gt;)&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;onRowClick&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;(rowData) =&amp;gt; void?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Per-row click handler&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;setSortColumns&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;(sort) =&amp;gt; void?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Client-side sort callback&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;h2 id=&#34;ref--ipagequeryable&#34;&gt;Ref — &lt;code&gt;IPageQueryable&lt;/code&gt;&lt;a class=&#34;anchor&#34; href=&#34;#ref--ipagequeryable&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Inherited from &lt;code&gt;@palmyralabs/rt-forms&lt;/code&gt;. On a &lt;code&gt;StaticGrid&lt;/code&gt; only the client-side subset is meaningful (&lt;code&gt;getCurrentData&lt;/code&gt;, &lt;code&gt;refresh&lt;/code&gt;, &lt;code&gt;setSortColumns&lt;/code&gt;); server methods like &lt;code&gt;gotoPage&lt;/code&gt; / &lt;code&gt;setQueryLimit&lt;/code&gt; are no-ops.&lt;/p&gt;</description>
    </item>
    <item>
      <title>PalmyraGrid</title>
      <link>https://palmyra.dev/docs/api/frontend/mantine/grid/palmyra-grid/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://palmyra.dev/docs/api/frontend/mantine/grid/palmyra-grid/</guid>
      <description>&lt;h1 id=&#34;palmyragrid&#34;&gt;PalmyraGrid&lt;a class=&#34;anchor&#34; href=&#34;#palmyragrid&#34;&gt;#&lt;/a&gt;&lt;/h1&gt;&#xA;&lt;p&gt;&lt;code&gt;@palmyralabs/rt-forms-mantine&lt;/code&gt; · &lt;code&gt;grid/PalmyraGrid.tsx&lt;/code&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;overview&#34;&gt;Overview&lt;a class=&#34;anchor&#34; href=&#34;#overview&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Server-backed grid. Internally composes &lt;code&gt;GridX&lt;/code&gt; (the base Mantine table + toolbar + pagination) and subscribes to a pub-sub &lt;code&gt;topic&lt;/code&gt; so other parts of the app can refresh or refilter the grid without holding its ref.&lt;/p&gt;&#xA;&lt;h2 id=&#34;signature&#34;&gt;Signature&lt;a class=&#34;anchor&#34; href=&#34;#signature&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-ts&#34; data-lang=&#34;ts&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;const&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;PalmyraGrid&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;forwardRef&lt;/span&gt;(&lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;PalmyraGrid&lt;/span&gt;&amp;lt;&lt;span style=&#34;color:#f92672&#34;&gt;ControlPropsType&lt;/span&gt;&amp;gt;(&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;props&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;PalmyraGridOptions&lt;/span&gt;&amp;lt;&lt;span style=&#34;color:#f92672&#34;&gt;ControlPropsType&lt;/span&gt;&amp;gt;,&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;ref&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;RefObject&lt;/span&gt;&amp;lt;&lt;span style=&#34;color:#f92672&#34;&gt;IPalmyraGrid&lt;/span&gt;&amp;gt;,&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;)&lt;span style=&#34;color:#f92672&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;JSX&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;Element&lt;/span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;props--palmyragridoptionscontrolpropstype-from-palmyralabsrt-forms&#34;&gt;Props — &lt;code&gt;PalmyraGridOptions&amp;lt;ControlPropsType&amp;gt;&lt;/code&gt; (from &lt;code&gt;@palmyralabs/rt-forms&lt;/code&gt;)&lt;a class=&#34;anchor&#34; href=&#34;#props--palmyragridoptionscontrolpropstype-from-palmyralabsrt-forms&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Common props include:&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th&gt;Prop&lt;/th&gt;&#xA;          &lt;th&gt;Type&lt;/th&gt;&#xA;          &lt;th&gt;Purpose&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;columns&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;ColumnDefinition[]&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Column defs&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;endPoint&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;IEndPoint&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Wire endpoint path&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;storeOptions&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;StoreOptions?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Forwarded to the store factory&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;pageSize&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;number | number[]?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Options for the page-size selector&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;topic&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;string?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Base topic name for the external bus&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;DataGridControls&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;ComponentType&amp;lt;ControlPropsType&amp;gt;?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Toolbar / row-action component&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;controlProps&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;ControlPropsType?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Props forwarded to the controls component&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;initParams&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;{ filter?, sort?, limit?, offset? }?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Initial query state&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Full prop contract lives in the upstream &lt;code&gt;@palmyralabs/rt-forms&lt;/code&gt; package.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
