Frozen columns jumping when we scroll and then click on frozen column

Progress® Telerik® UI for ASP.NET MVC Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Declined

Last Updated: 01 Dec 2014 10:16 by ADMIN

sathwik

Created on: 30 Nov 2014 13:08

Category: UI for ASP.NET MVC

Type: Feature Request

Frozen columns jumping when we scroll and then click on frozen column

I have edited the kendo grid example and i will post the code where i am able to replicat.

2 comments

ADMIN

Telerik Admin

Posted on: 01 Dec 2014 10:16

Sathwik, can you please configure this code in a Dojo example (dojo.telerik.com) and send it via a formal support request (using our forums or support system on telerik.com)? Thus our team will review it and advise you accordingly.

Our feedback portal is aimed to be the medium to submit suggestions for new features/widgets and enhancements.

sathwik

Posted on: 30 Nov 2014 13:09

<!DOCTYPE html>
<html>
<head>
    <base href="http://demos.telerik.com/kendo-ui/grid/frozen-columns">
    <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.default.min.css" />

    <script src="http://cdn.kendostatic.com/2014.3.1119/js/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script>
</head>
<body>
    <div id="example">
    <div id="grid"></div>

    <script>
        $(document).ready(function() {
            $("#grid").kendoGrid({
                dataSource: {
                    type: "odata",
                    transport: {
                        read: "http://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: 5000
                },
                height: 540,
                sortable: true,
                reorderable: true,
                navigatable : true,
                groupable: true,
                resizable: true,
                filterable: true,
               scrollable: {
        				virtual: true
    						},
                columnMenu: true,
                pageable: false,
                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>