title: how to use crud operations with devextreme
body: <pre><code>$(document).ready(function () {
          var gridOptions = {
              color: 'LightSkyBlue',
              dataSource: gridData,
              paging: { pageSize: 15 },
              height: "90%",
              selection: { mode: "single" },
              editing: {
                  mode: "form",
                  editEnabled: true,
                  insertEnabled: true,
                  removeEnabled: true
              },
              filterRow: { visible: false },
              columnChooser: { enabled: true },
              columnAutoWidth: true,
              searchPanel: { visible: true },
              groupPanel: { visible: true },
              allowColumnReordering: true,
              allowColumnResizing: true,
              rowAlternationEnabled: false,
              rowClick: function (data) {
              },
              selectionChanged: function (selectedItems) {
              },
              @*columns: [
                  @foreach(var item in Model.Columns){
                      &lt;text&gt;
                          { dataField: "@item.FieldName", caption: "@item.Caption" },
                      &lt;/text&gt;
                  }
              ]*@
          };
  </code></pre>