This is a migrated thread and some comments may be shown as answers.

Grid column heading does not change

1 Answer 277 Views

Grid

This is a migrated thread and some comments may be shown as answers.

shri asked on 05 Oct 2013, 09:35 PM

Hi ,

I am totally new to Kendo UI . I was playing with Kendo WEB UI grid and have following code. Trying to change the column heading and for some reason its not working... I am using Json using Web API for datasource.

<!-- here is code --:
<!DOCTYPE html>

<html >
<head>
<title>Kendo UI</title>
<link href="Content/kendo/2013.2.716/kendo.common.min.css" rel="stylesheet" />
<link href="Content/kendo/2013.2.716/kendo.default.min.css" rel="stylesheet" />
<script src="Scripts/jquery-1.9.1.js"></script>
<script src="Scripts/kendo/2013.2.716/kendo.web.min.js"></script>

<script>
$(function () {

$("#employeesGrid").kendoGrid({
dataSource: new kendo.data.DataSource({

transport: {
read: "api/employees"
},
columns: [
{
field: "DOB",
title: "Date Of Birth"
},
{
field: "FirstName",
title: "First Name"
}
],
})
});
});
</script>
</head>
<body>
<div id="employeesGrid"></div>

</body>
</html>

Grid column heading does not change

1 Answer, 1 is accepted