mirror of
https://github.com/hanzoai/jube-fork.git
synced 2026-11-02 14:29:36 +00:00
91 lines
2.9 KiB
HTML
Executable File
91 lines
2.9 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Frozen columns</title>
|
|
<meta charset="utf-8">
|
|
<link href="../content/shared/styles/examples-offline.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.common.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.rtl.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.default.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.default.mobile.min.css" rel="stylesheet">
|
|
<script src="../../js/jquery.min.js"></script>
|
|
<script src="../../js/jszip.min.js"></script>
|
|
<script src="../../js/kendo.all.min.js"></script>
|
|
<script src="../content/shared/js/console.js"></script>
|
|
<script>
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<a class="offline-button" href="../index.html">Back</a>
|
|
|
|
<div id="example">
|
|
<div id="grid"></div>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$("#grid").kendoGrid({
|
|
dataSource: {
|
|
type: "odata",
|
|
transport: {
|
|
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
|
|
},
|
|
schema: {
|
|
model: {
|
|
fields: {
|
|
OrderID: { type: "number" },
|
|
ShipCountry: { type: "string" },
|
|
ShipName: { type: "string" },
|
|
ShipCity: { type: "string" },
|
|
ShipAddress: { type: "string" }
|
|
}
|
|
}
|
|
},
|
|
pageSize: 30
|
|
},
|
|
height: 540,
|
|
sortable: true,
|
|
reorderable: true,
|
|
groupable: true,
|
|
resizable: true,
|
|
filterable: true,
|
|
columnMenu: true,
|
|
pageable: true,
|
|
columns: [ {
|
|
field: "OrderID",
|
|
title: "Order ID",
|
|
locked: true,
|
|
lockable: false,
|
|
width: 150
|
|
}, {
|
|
field: "ShipCountry",
|
|
title: "Ship Country",
|
|
width: 300
|
|
}, {
|
|
field: "ShipCity",
|
|
title: "Ship City",
|
|
width: 300
|
|
},{
|
|
field: "ShipName",
|
|
title: "Ship Name",
|
|
locked: true,
|
|
width: 300
|
|
}, {
|
|
field: "ShipAddress",
|
|
lockable: false,
|
|
width: 400
|
|
}
|
|
]
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|