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=1, user-scalable=no">
7 <title>Locking, Cell Editing Summary Grid Example
</title>
8 <link rel=
"stylesheet" type=
"text/css" href=
"../shared/examples.css" />
12 <script type=
"text/javascript" src=
"../shared/include-ext.js"></script>
13 <script type=
"text/javascript" src=
"../shared/options-toolbar.js"></script>
15 <!-- page specific -->
16 <script type=
"text/javascript" src=
"locking-group-summary-grid.js"></script>
18 <style type=
"text/css" media=
"screen">
19 .task .x-grid-cell-inner {
22 .x-grid-row-summary .x-grid-cell-inner {
26 background: url(../shared/icons/fam/grid.png) no-repeat
0 -
1px;
31 <h1>Locking, Cell Editing Summary Grid Example
</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>Note that the js is not minified so it is readable. See
<a href=
"locking-group-summary-grid.js">locking-group-summary-grid.js
</a>.
</p>
34 <div id=
"grid-example"></div>