3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>Locking Grid Column Example</title>
8 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
9 <link rel="stylesheet" type="text/css" href="../ux/css/LockingGridView.css" />
11 <!-- overrides to base library -->
13 <!-- page specific -->
14 <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
15 <link rel="stylesheet" type="text/css" href="grid-examples.css" />
17 <!-- ** Javascript ** -->
18 <!-- ExtJS library: base/adapter -->
19 <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
21 <!-- ExtJS library: all widgets -->
22 <script type="text/javascript" src="../../ext-all-debug.js"></script>
24 <!-- overrides to base library -->
26 <!-- page specific -->
27 <script type="text/javascript" src="../ux/LockingGridView.js"></script>
28 <script type="text/javascript" src="locking-grid.js"></script>
32 <h1>Locking Grid Column Example</h1>
33 <p>This example shows how to achieve "freeze pane" locking functionality similar to Excel.</p>
34 <p>Note that the js is not minified so it is readable. See <a href="locking-grid.js">locking-grid.js</a>.</p>
36 <div id="grid-example"></div>