X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/examples/grid/group-header-grid.html diff --git a/examples/grid/group-header-grid.html b/examples/grid/group-header-grid.html new file mode 100644 index 00000000..b2ebad3f --- /dev/null +++ b/examples/grid/group-header-grid.html @@ -0,0 +1,36 @@ + + + + +Grouped Header Grid Example + + + + + + + + +

Grouped Header Example

+

This example shows how to create a grid with column headers which are nested within category headers.

+

Category headers do not reference Model fields via a dataIndex, rather they contain + child header definitions (which may themselves either contain a dataIndex or more levels of headers).

+

The syntax is as simple as:

{
+    header: 'Category Header',
+    headers: [{
+        header: 'First Sub Header',
+        dataIndex: 'subHeaderField1'
+    }, {
+        header: 'Second Sub Header',
+        dataIndex: 'subHeaderField2'
+    }]
+}
+

Note that the js is not minified so it is readable. See group-header-grid.js.

+
+ + \ No newline at end of file