@fusion.dev/helix-docs 0.184.0 → 0.186.0

package/content/react.mdx

@@ -106,6 +106,12 @@ them out as the table before the script runs. The table shows your rows until
 page, so React finds the markup it rendered. A development build warns when the
 first page the table draws shows different words from the rows you served.
 
+Size the columns with `columns` on the table, such as
+`columns="2fr 1fr max-content"`. The stylesheet can read the table's own
+attribute and not a column's `width`, so the served rows are laid out at the
+widths the table draws, and nothing moves when it upgrades. The checkbox column of a
+`selectable` table and the pagination's row are held from the first paint too.
+
 ### The React version
 
 The bridge is runtime code in `@fusion.dev/helix-core`, which you already have,

package/content/server-rendering.mdx

@@ -158,8 +158,13 @@ A data table reads each cell from its column, and the server does not pass it
 its columns, so it serves its headings and no values. Write the first page under
 the columns as `helix-table-row` and `helix-table-cell` elements, in the table's
 sort and page size. The table shows them until `rows` holds a row, then draws
-its own rows in their place. See [React](./react) for the server component
-version.
+its own rows in their place. Size its columns with `columns` on the table, which
+the server sends, so the served rows are laid out at the widths the table draws.
+See [React](./react) for the server component version.
+
+A `Table` served with declarative shadow DOM lays out its headings and cells in
+columns before it hydrates. A column of sentences takes its width from its text once the table
+upgrades, so set `columns` on a table that has one.
 
 ## Write a server spec
 

package/dist/pages.generated.js

@@ -81,7 +81,7 @@ export const docPages = [
         title: 'Forms and validation',
     },
     {
-        description: 'Add interactive graphs to your site, styled with your theme and drawn by Sigma.js, cosmos.gl, or three.js.',
+        description: 'Add interactive graphs and isometric diagrams to your site, styled with your theme and drawn by Sigma.js, cosmos.gl, three.js, or Helix.',
         section: 'Essentials',
         slug: 'graphs',
         title: 'Graphs',