I am much of a newbie, and apologize in advance for being stupid. I have built a grid that utilizes a php script and json conversion to pull source data from a database. It works perfectly. However I want to make the first column of this grid (branch), where it cannot be edited. My successful code for editing "all" fields is listed below, but I've been unable to locate in the forums how to pull off making one column non-editable using a database as source data. Thanks in advance for you help and patience.
<div id="grid"></div> <script>
$(function() {
$("#grid").kendoGrid({
dataSource: {
transport: {
read: "../grids/branchgrid.php"
},
schema: {
data: "data"
}
},
height: 400,
filterable: true,
sortable: true,
reorderable: true,
resizable: true,
pageable: false,
columnMenu: true,
editable: true,
toolbar: ["create", "save", "cancel"],
columns: [{field: "branch", title: "Government Branch", width: 200 },
{field: "description", title: "Description" },
{field: "disable", title: "Disabled", width: 100 },
{ command: "destroy", title: " ", width: 110 } ]
});
});
</script>
<div id="grid"></div> <script>
$(function() {
$("#grid").kendoGrid({
dataSource: {
transport: {
read: "../grids/branchgrid.php"
},
schema: {
data: "data"
}
},
height: 400,
filterable: true,
sortable: true,
reorderable: true,
resizable: true,
pageable: false,
columnMenu: true,
editable: true,
toolbar: ["create", "save", "cancel"],
columns: [{field: "branch", title: "Government Branch", width: 200 },
{field: "description", title: "Description" },
{field: "disable", title: "Disabled", width: 100 },
{ command: "destroy", title: " ", width: 110 } ]
});
});
</script>