Set First Column Width

[Jonah Coleman]

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.

[Mouli Eswararao]

  

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. 

Regards,
Mouli. 

  

[Dionisio Luis]

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 ?

[Sivamathi Natarajan]

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:    

 

https://www.syncfusion.com/feedback/16204/ 

 

We appreciate your patience until then. 

 

Regards, 

Sivamathi. 

[Sivamathi Natarajan]

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. 

 

Regards,
Sivamathi.  

[Saranya Sivan]

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.  

  

https://www.syncfusion.com/forums/160733/essential-studio-2020-volume-4-release-v18-4-0-30-is-available-for-download 

  

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"; 

    } 

  

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/7z/PivotTable438828887 

 

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. 

  

Regards, 

Saranya Sivan. 

 

[Erik Lam]

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?

[Rajeshkannah G]

Hi Eric,

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

Code Example:

<SfPivotView>

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

  </PivotViewEvents>

</SfPivotView>

@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.

Regards,

Rajeshkannah G.

[Fundación Abood Shaio]

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.

[Rajeshkannah G]

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.

Document:
https://blazor.syncfusion.com/documentation/upgrade/upgrade-syncfusion-blazor-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:

Please let us know if you have any concern occurs.

with regards,

Rajeshkannah G