Skip to content

Commit 7a9f501

Browse files
committed
Grid Editing: Same markup update as for other demos on grid-selectable
1 parent 757a18e commit 7a9f501

File tree

1 file changed

+18
-13
lines changed

1 file changed

+18
-13
lines changed

grid-editing/grid-selectable.html

Lines changed: 18 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -175,27 +175,23 @@
175175
.ui-selected td { background: #ddf; }
176176
.navigator-active { background: rgba(0,0,255,0.5) !important; }
177177
.ui-autocomplete { width: 200px; max-height: 200px; overflow: auto; }
178+
#developers-local {
179+
width: 500px;
180+
}
181+
thead td { text-align: center; }
178182
</style>
179183
</head>
180184
<body>
181185

182186
<h1>Grids with editable local datasource</h1>
183187

184188
<h2>local data source</h2>
185-
<p id="pageDevelopers">
186-
<button data-page="first">First</button>
187-
<button data-page="prev">Prev</button>
188-
<button data-page="prevStep">-1</button>
189-
<span>
190-
Page <input class="current" size="4"/>/<span class="total">0</span>,
191-
Total records <span class="totalRecords">0</span>
192-
</span>
193-
<button data-page="nextStep">+1</button>
194-
<button data-page="next">Next</button>
195-
<button data-page="last">Last</button>
196-
</p>
189+
197190
<table id="developers-local">
198191
<thead>
192+
<tr>
193+
<td colspan="5" class="ui-widget-header">Developers Grid</td>
194+
</tr>
199195
<tr>
200196
<th data-property="firstName">First Name</th>
201197
<th data-property="lastName">Last Name</th>
@@ -208,7 +204,16 @@ <h2>local data source</h2>
208204
</tbody>
209205
<tfoot>
210206
<tr>
211-
<td colspan="5"><span class="selected-status">0</span> row(s) selected</td>
207+
<td id="pageDevelopers" colspan="5" class="ui-state-default">
208+
<span class="selected-status">0</span> row(s) selected
209+
<button data-page="first">First</button>
210+
<button data-page="prev">Prev</button>
211+
<span>
212+
Page <input class="current" size="4"/> of <span class="total">0</span>
213+
</span>
214+
<button data-page="next">Next</button>
215+
<button data-page="last">Last</button>
216+
</td>
212217
</tr>
213218
</tfoot>
214219
</table>

0 commit comments

Comments
 (0)