3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>Stateful Array Grid Example</title>
8 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
10 <!-- overrides to base library -->
12 <!-- page specific -->
13 <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
14 <link rel="stylesheet" type="text/css" href="grid-examples.css" />
17 /* style rows on mouseover */
18 .x-grid3-row-over .x-grid3-cell-inner {
23 <!-- ** Javascript ** -->
24 <!-- ExtJS library: base/adapter -->
25 <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
27 <!-- ExtJS library: all widgets -->
28 <script type="text/javascript" src="../../ext-all.js"></script>
30 <!-- overrides to base library -->
32 <!-- page specific -->
33 <script type="text/javascript" src="array-grid.js"></script>
37 <h1>Stateful Array Grid Example</h1>
38 <p>This example shows how to create a grid from Array data.</p>
39 <p>The grid is stateful so you can move or hide columns, reload the page, and come
40 back to the grid in the same state you left it in.</p>
41 <p>Note that the js is not minified so it is readable. See <a href="array-grid.js">array-grid.js</a>.</p>
43 <div id="grid-example"></div>