javascript - Column of Kendo Grid is not resizable in IE 10 and IE 11 -
i using kendo grid in web app , including kendo.all.min.js file. version of js file 2012.1.515. in grid, columns not resizeable in ie 10 , ie 11 though works fine in other browsers.
i have created sample of grid , included same file grid columns not resizeable in ie 10 , ie 11. here sample code:
<!doctype html> <html> <head> <title></title> <link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.common.min.css" rel="stylesheet" /> <link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.rtl.min.css" rel="stylesheet" /> <link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.silver.min.css" rel="stylesheet" /> <link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.dataviz.min.css" rel="stylesheet" /> <link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.dataviz.silver.min.css" rel="stylesheet" /> <link href="/kendo-ui/content/shared/styles/examples.css" rel="stylesheet" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script> </head> <body> <div id="main"> <h1 id="exampletitle"> <span class="exampleicon gridicon"></span> <strong>grid /</strong> column resizing </h1> <div id="theme-list-container"></div> <div id="examplewrap"> <script>preventfouc()</script> <div id="example" class="k-content"> <div id="grid"></div> <script> $(document).ready(function() { griddatasource = new kendo.data.datasource({ transport: { read: "http://demos.telerik.com/kendo-ui/service/northwind.svc/orders" }, }); $("#grid").kendogrid({ datasource: griddatasource, scrollable: true, resizable: true, columns: [ { field: "orderdate", title: "order date" }, { field: "shipcountry", title: "ship country" }, { field: "shipcity", title: "ship city" }, { field: "shipname", title: "ship name" }, { field: "shippeddate", title: "shipped date" }, { field: "orderid", title: "id" } ] }); }); </script> </div> </div> </div> </body> </html>
thanks
i think, need specify width every columns resize. like:
columns: [ { field: "orderdate", title: "order date", width: 50px }hope helpful.
Comments
Post a Comment