KendoIE6-GridBottomSpace-Bug
KendoIE6-GridBottomSpace-Bug
by siliconsoul
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.metro.min.css">
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<div id="grid"></div>
JavaScript
$("#grid").kendoGrid({
dataSource: {
data:[
{"PurchaseDate": null, "ExpirationDate": "5/5/2013", "Foo1": "foo!", "Content": "Here is some content", "Number": "1", "Name": "name01", "User": "user01", "InvoiceDate": "5/4/2014", "ReceivedDate":"5/4/2014", "ThresholdDate": "5/9/2012"},
{"PurchaseDate": null, "ExpirationDate": "5/5/2013", "Foo1": "foo!", "Content": "Here is some content", "Number": "1", "Name": "name01", "User": "user01", "InvoiceDate": "5/4/2014", "ReceivedDate":"5/4/2014", "ThresholdDate": "5/2/2013"},
{"PurchaseDate": "5/9/2014", "ExpirationDate": "5/5/2014", "Foo1": "foo!", "Content": "Here is some content", "Number": "1", "Name": "name01", "User": "user01", "InvoiceDate": "5/4/2014", "ReceivedDate":"5/4/2013", "ThresholdDate": "5/9/2012"},
{"PurchaseDate": "5/9/2014", "ExpirationDate": "5/5/2013", "Foo1": "foo!", "Content": "Here is some content", "Number": "1", "Name": "name01", "User": "user01", "InvoiceDate": "5/4/2014", "ReceivedDate":"5/4/2013", "ThresholdDate": "5/9/2012"},
{"PurchaseDate": "5/9/2014", "ExpirationDate": "5/5/2013", "Foo1": "foo!", "Content": "Here is some content", "Number": "1", "Name": "name01", "User": "user01", "InvoiceDate": "5/4/2014", "ReceivedDate":"5/4/2013", "ThresholdDate": "5/9/2012"}
]
},
columns: [
{ title:"PartName",template: '#if (PurchaseDate == null) { if (ThresholdDate <= new Date()) { # <a class="k-button k-yellow">UnAuthorised</a> # } else { # <a class="k-button k-orange">UnAuthorised</a> # } } else { # #= User # # } #', width: 150 },
{ field: "PurchaseDate", title: "PurchaseDate", width: 220 },
{ field: "ExpirationDate", template: '#= kendo.toString(ExpirationDate,"MM-dd-yyyy hh:mm") #', title: "WarrantyExpiry", width: 220 },
{ field: "Foo1", title: "Status", filterable: true, width: 110 },
{ field: "Content", title:...