This example shows how you can customize the built-in data editors using the editRowTemplate property.
In the sample, you can choose the editing mode (popup or editForm). When you double-click a row, the editor is shown in the container you chose. Notice that the form looks the same either way and looks slightly different than the default editing forms (see the Editor Mode demo). You can create a template for these forms using typical HTML form markup. To create and apply a template: