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

Popular posts from this blog

html - Sizing a high-res image (~8MB) to display entirely in a small div (circular, diameter 100px) -

java - IntelliJ - No such instance method -

identifier - Is it possible for an html5 document to have two ids? -