Very small locked column

2 posts, 0 answers
  1. ZOUHDI
    ZOUHDI avatar
    1 posts
    Member since:
    Sep 2020

    Posted 08 Sep 2020 Link to this post

    Hello,

    When a set a column to locked in my Kendo Grid , all grid come small like attchment.

    i used this exemple code : 

                $("#grid").kendoGrid({
     
                    height: 540,
                    sortable: true,
                    reorderable: true,
                    resizable: true,
                    filterable: true,
                    columnMenu: true,
                    pageable: true,
                    columns: [
                        { locked: true, field: "id", width: 200 },
                        { field: "name", width: 800 }
                    ],
                    dataSource: [{ id: 1, name: "Jane Doe" }, { id: 2, name: "John Doe" }]
                });

     

    Thanks for help.

  2. Nikolay
    Admin
    Nikolay  avatar
    301 posts

    Posted 09 Sep 2020 Link to this post

    Hello Zouhdi,

    For the locked columns feature to work properly, there are some configuration settings that must be provided. Please ensure they are all set:

    - Set explicit pixel widths to all columns to allow the Grid to adjust the layout of the frozen and non-frozen table parts.
    - Make sure that the total width of all locked columns is equal to or less than the width of the Grid minus three times the width of the scrollbar.

    Full information about those requirements can be obtained in the following documentation article:

    Let me know if you have any questions.

    Regards,
    Nikolay
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top