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.

9 Replies

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

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 10:10 AM UTC

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 12:55 PM UTC

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 08:25 AM UTC

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 05:45 PM UTC

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. 

EL Erik Lam July 11, 2022 03:09 PM UTC

Hi Saranya,

May I ask is there any way to get the width of each column if the user drag the width of particular column in pivot table?

RG Rajeshkannah G Syncfusion Team July 12, 2022 01:50 PM UTC

Hi Eric,

Using “ResizeStop” event, you can get the width of the column after resizing. Please refer to the following code example.

Code Example:


  <PivotViewEvents TValue="TValue" ResizeStop="Resize">



@code {

private void Resize(ResizeArgs args)


        string width = args.Column.Width;        



Meanwhile we have prepared a sample for your reference

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/PivotTable1581660456

Please let us know if you have any concerns occur.


Rajeshkannah G.

FA Fundación Abood Shaio January 24, 2023 09:40 PM UTC

Muy buena tarde 

Al implementar el ejemplo, no funciona como se esperaría, dado que los títulos se separan de las columnas.

Adjunto imagen con el caso.


RG Rajeshkannah G Syncfusion Team January 25, 2023 07:19 AM UTC

Hi Fundación,

We checked the reported problem and were unable to reproduce it on our end in our latest version v20.4.0.44. We would also like to inform you that we have already fixed this issue in our 2022 Volume 4 Main release (v20.3.0.38). Based on the we believe that you are using an older version that may causing the reported issue at our end. To resolve the issue at your end, we recommend you to update the NuGet packages to the latest version v20.4.0.44.

Please refer the following UG document link for upgrading to latest NuGet packages.


Meanwhile, we have prepared a sample for your reference below.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionPivotBlazor1763713247

Output Screenshot:

Graphical user interface, table

Description automatically generated

Please let us know if you have any concern occurs.

with regards,

Rajeshkannah G

Live Chat Icon For mobile
Up arrow icon