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

Set First Column Width

Is there any way to set the width of the first column (the row axis, not the values)?  I see where you can set the values column widths.

5 Replies

ME Mouli Eswararao Syncfusion Team January 30, 2020 06:11 AM

Hi Jonah, 
We regret to let you know that the reported requirement (set column width to specific column) isn’t available in Blazor platform. But, you can set column width commonly for all the columns by the property ‘GridSettings.ColumnWidth’. Due to some framework related difficulties we are unable to implement the requirement immediately, but we will surely consider it in future. 

DL Dionisio Luis July 16, 2020 05:10 AM

Good Morning,
You still dont have any way to solve this ?
Some CSS for example ?

For the first column for example, you cannot edit the CSS ?

SN Sivamathi Natarajan Syncfusion Team July 17, 2020 07:55 AM

Hi Dionisio Luis, 
We have logged your requirement –“ Provision-to-set-width-for-first-column”  as a feature task and it will be available in our 2020 Vol 3 release which is estimated to be rolled out in the end of Sepember 2020. You can track the same by using the following link:    
We appreciate your patience until then. 

SN Sivamathi Natarajan Syncfusion Team October 5, 2020 03:25 AM

Hi Dionisio Luis, 
Due to complexity the requirement isn't included in Vol 3 release. But, it will be included in Vol 3 SP1 release which is estimated to be rolled out on first week of November, 2020. 
We appreciate your patience until then. 

SS Saranya Sivan Syncfusion Team December 18, 2020 12:45 PM

Hi Jonah, 
We are glad to announce that our Essential Studio 2020 Volume 4 release v18.4.0.30 is rolled out where you can set width to specific columns. Kindly download it in the following link.  
To achieve your requirement kindly use the BeforeColumnsRender event to set width to specific columns. Meanwhile, we have prepared a sample for your reference. Please check the below sample link. 
Code Snippet: 
public void ColummRender(ColumnRenderEventArgs args) 
        //you can set column width  
        args.Columns[1].Width = "200"; 
        args.Columns[2].Width = "150"; 
Note: For first column you shouldn’t set its width below “250px” with grouping bar and “200px” without grouping bar. 
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 
Saranya Sivan. 

Live Chat Icon For mobile
Up arrow icon