]>
Commit | Line | Data |
---|---|---|
947f0963 TL |
1 | <!DOCTYPE html> |
2 | <html> | |
3 | <head> | |
4 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
5 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
6 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=yes"> | |
7 | <title>Locking, Cell Editing Summary Grid Example</title> | |
8 | <link rel="stylesheet" type="text/css" href="../shared/examples.css" /> | |
9 | ||
10 | <!-- GC --> | |
11 | ||
12 | <script type="text/javascript" src="../shared/include-ext.js"></script> | |
13 | <script type="text/javascript" src="../shared/options-toolbar.js"></script> | |
14 | ||
15 | <!-- page specific --> | |
16 | <script type="text/javascript" src="locking-grp-summary-grp-hdrs-grid.js"></script> | |
17 | ||
18 | <style type="text/css" media="screen"> | |
19 | .task .x-grid-cell-inner { | |
20 | padding-left: 15px; | |
21 | } | |
22 | .x-grid-row-summary .x-grid-cell-inner { | |
23 | font-weight: bold; | |
24 | } | |
25 | .icon-grid { | |
26 | background: url(../shared/icons/fam/grid.png) no-repeat 0 -1px; | |
27 | } | |
28 | </style> | |
29 | </head> | |
30 | <body> | |
31 | <h1>Locking, Group Summary Grid Example with grouped headers and docked summary</h1> | |
32 | <p>It is not possible to lock <i>all</i> columns using the user interface. The unlocked side must always contain at least one column.</p> | |
33 | <p>This illustrates configuring the lockable grid with a non-default layout. The two grids below are managed by a border layout.</p> | |
34 | <p>Note that the js is not minified so it is readable. See <a href="locking-grp-summary-grp-hdrs-grid.js">locking-grp-summary-grp-hdrs-grid.js</a>.</p> | |
35 | <div id="grid-example"></div> | |
36 | </body> | |
37 | </html> |