X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/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