table - full width and add x-scroll

2 posts, 0 answers
  1. alex
    alex avatar
    7 posts
    Member since:
    Mar 2016

    Posted 04 Apr 2016 Link to this post

    Help me please.
    how to stretch the contents of the table the full width and add x-scroll?

     

     

    <style>

    #grid {

    overflow: scroll;

    }

    </style>

    <div id="grid"></div>

     

     

                    $("#grid").kendoGrid({
                        columns: _columnsObject,
                        dataSource: {
                            data: _dataSourceObject,
                            
                        },
                         resizable: true,
                         
                    });
  2. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 04 Apr 2016 Link to this post

    Hi,

    In order to add horizontal scrollbar set larger column widths and apply a (min-)width style to the Grid table.

    Further details on the matter are available in the Grid documentation:
    http://docs.telerik.com/kendo-ui/getting-started/web/grid/walkthrough#scrolling
    http://docs.telerik.com/kendo-ui/getting-started/web/grid/walkthrough#column-width

    Regards,
    Pavlina
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top