Does possible making in grid have sub column like in the image?
I tried grid inside grid but it's not working and only display the inside grid
anyone can help how can approach or any suggestion what would better to do in my problem?
<script>
$(function() {
$("#grid").kendoGrid({
dataSource: {
transport: {
read: "customgridtest.php",
update: {
url: "update.php",
type: "POST"
},
destroy: {
url: "delete.php",
type: "POST"
},
create: {
url: "create.php",
type: "POST"
},
},
error: function(e) {
alert(e.responseText);
},
schema: {
data: "data",
model: {
id: "Customer",
fields: {
Customer: { editable: true },
Order: { validation: { required: true} },
Price: { validation: { required: true} }
}
},
}
},
columns: [
{ field: "Customer", title: "Customer"},
{ field: "Order" , title: "Order"},
{ field: "Price", title: "Price"},
{
/*
$("#grid").kendoGrid({
dataSource: {
transport: {
read: "customdata.php",
},
schema: {
data: "data",
}
},
columns: [
{ field: "Region", title: "Region"},
{ field: "District" , title: "District"},
{ field: "Territory", title: "Territory"},
],
}),
*/
},
],
navigable: true, // enables keyboard navigation in the grid
});
});
</script>
I tried grid inside grid but it's not working and only display the inside grid
anyone can help how can approach or any suggestion what would better to do in my problem?
<script>
$(function() {
$("#grid").kendoGrid({
dataSource: {
transport: {
read: "customgridtest.php",
update: {
url: "update.php",
type: "POST"
},
destroy: {
url: "delete.php",
type: "POST"
},
create: {
url: "create.php",
type: "POST"
},
},
error: function(e) {
alert(e.responseText);
},
schema: {
data: "data",
model: {
id: "Customer",
fields: {
Customer: { editable: true },
Order: { validation: { required: true} },
Price: { validation: { required: true} }
}
},
}
},
columns: [
{ field: "Customer", title: "Customer"},
{ field: "Order" , title: "Order"},
{ field: "Price", title: "Price"},
{
/*
$("#grid").kendoGrid({
dataSource: {
transport: {
read: "customdata.php",
},
schema: {
data: "data",
}
},
columns: [
{ field: "Region", title: "Region"},
{ field: "District" , title: "District"},
{ field: "Territory", title: "Territory"},
],
}),
*/
},
],
navigable: true, // enables keyboard navigation in the grid
});
});
</script>