We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Keep other column's width when resize one column


I'm trying to achieve the following:

When table is:

and I want to resize then middle column to  12 dots I want the last column to still be 8 dots and not resize down to 4.

|........|............|....| <--- this is what happens

|........|............|........| <--- this is what i want..

Makes sense?

1 Reply

MS Mani Sankar Durai Syncfusion Team September 27, 2016 12:55 PM UTC

Hi Anders, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and achieved your requirement by using resizeMode as control property of resizeSettings in grid. Now when resizing any of the column it tends to resize the particular column. 
Please refer the below code example, 
 <script type="text/javascript"> 
        $(function () { 
                // the datasource "window.gridData" is referred from jsondata.min.js 
                dataSource: window.gridData, 
                allowResizing: true, 
                resizeSettings: { resizeMode: "control" }, 
                pageSettings:{ pageSize: 15}, 
                columns: [ 

We have also prepared a sample that can be available from the below link, 

Please let us know if you need further assistance. 

Manisankar Durai. 

Live Chat Icon For mobile
Up arrow icon