@hpcc-js/dgrid 2.29.0 → 2.30.3

package/README.md

@@ -7,4 +7,27 @@ The **dgrid** package contains the following visualizations:
 * Table
 
 ## Note for Rollup.js users
-**dgrid** is dependent on **dgrid-shim** which requires some special configuration when bundling with Rollup.js - please see [dgrid-shim](../dgrid-shim) for more information.
+**dgrid** is dependent on **dgrid-shim** which requires some special configuration when bundling with Rollup.js - please see [dgrid-shim](../dgrid-shim/README.md) for more information.
+
+<ClientOnly>
+  <hpcc-vitepress style="width:100%;height:600px">
+    <div id="target" style="height:600px">
+    </div>
+    <script type="module">
+        //  Note:  dgrid does not support "import" - this will fail
+        import { Table } from "@hpcc-js/dgrid";
+
+        new Table()
+            .target("target")
+            .columns(["Mother", "Father", { label: "Children", columns: ["Name", "sex", "age"] }, { label: "Pets", columns: ["Name", "type"] }])
+            .data([
+                ["<b>Jane</b>", "John", [["Mary", "f", 4], ["Bob", "m", 6], ["Tim", "m", 1]], [["Spot", "dog"], ["Smelly", "cat"], ["Goldie", "Fish"], ["Hammy", "Hamster"]]],
+                ["Penelope", "Alex", [["Bill", "m", 1]], []],
+                ["Jill", "Marcus", [], [["Flappy", "parrot"], ["Stinky", "cat"], ["Rolf", "dog"]]],
+                ["Susan", "Robert", [["Jack", "m", 4], ["Alice", "f", 6]], []]
+            ])
+            .render()
+            ;
+      </script>
+  </hpcc-vitepress>
+</ClientOnly>