javascript — данные сетки пользовательского интерфейса kendo не отображаются из переполнения стека

Я хочу показать данные в моей сетке кендо. Я использую базовый PHP MySQL для возврата результата из базы данных. Вот мой код для кендо Javascript.

<script>
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
// type: "json",
transport: {
read: {
url: 'que.php',
ContentType: 'application/json',
type: 'GET',
dataType: 'json'
}
},
schema: {
data: 'rows'
}
// pageSize: 20
},
height: 550,
groupable: true,
sortable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
columns: [{
field: "student_name",
title: "NAME",
width: 240
}, {
field: "nic",
title: "NIC"}, {
field: "father_name",
title: "Father Name"}, {
field: "dob",
title: "DOB",
width: 150
}]
});
});
</script>

И это мой файл php mysql que.php. Я возвращаю этот файл в формате JSON.

    <?php
header('Content-Type: application/json');
include '../conn.php';
$query11 = "select student_name,nic,father_name,dob from student_info where program='diploma' and status='confirmed' order by batch,roll_no";
$run1 = mysql_query($query11);
$rows = array();
while($r = mysql_fetch_assoc($run1)){
$rows[] = $r;
}
echo json_encode($rows, JSON_PRETTY_PRINT);
?>

Пожалуйста, помогите мне с этим. Я новичок в сетке кендо. Помощь будет по достоинству оценена.

Я также делюсь изображением, чтобы помочь лучше понять.

Вот что у меня сейчас

Пожалуйста, укажите мне, что я делаю неправильно.