Fixed last row and columns on both sides of grid

[zahid]

So I have a requirement where I have to fix the first column which is Title column then last column of my blazor grid as well. I need to fix the last row of the grid as well. Column and row other then the title column contains total values so is essential.

I tried fixing the first and last column, was able to freeze the first one but last column could not be frozen probably it has a set of three inner columns as well but not sure.

[Naveen Palanivel]

Hi Zahid Ali,

Greetings from Syncfusion,

We reviewed your query and it seems that while the first column Frozen correctly, the last column does not, especially when it contains three inner columns or stacked headers. To address this issue, instead of setting the Frozen on the stacked header, try applying the frozen to its inner columns. Please refer to the provided sample and code snippet for further guidance.

Sample : https://blazorplayground.syncfusion.com/embed/rDLeNshqzxgofKHH?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

        <GridColumn Field="Review" HeaderText="Review" Width="120" />

        <GridColumn HeaderText="Sales Info"  >

            <GridColumns>

                <GridColumn Field="Region" HeaderText="Region" IsFrozen="true" Freeze="FreezeDirection.Right"  Width="100" />

                <GridColumn Field="Channel" HeaderText="Channel" IsFrozen="true" Freeze="FreezeDirection.Right" Width="120" />

                <GridColumn Field="Discount" HeaderText="Discount" Width="80" IsFrozen="true" Freeze="FreezeDirection.Right" Format="P2" TextAlign="TextAlign.Right" />

            </GridColumns>

           

        </GridColumn>

    </GridColumns>

</SfGrid>

Regards,
Naveen

[zahid]

Thanks a lot the one with column works as expected.  How do i fix a certain row at the bottom?

[Prathap Senthil]

Regarding your last query, if you want a certain row at the bottom, we regret to inform you that we currently don’t have support for this. However, we do support frozen rows at the top. To achieve this, we suggest using the FrozenRows property. For example, if the FrozenRows property is set to 2, it will freeze the top two rows of the grid, keeping them fixed in place while the rest of the grid can be scrolled vertically. Kindly refer to the code snippet and documentation below for more information.

 

<SfGrid DataSource="@data" AllowFiltering="true" FrozenRows="2" AllowSorting="true" Width="600" Height="300">

    <GridColumns>

Sample:
https://blazorplayground.syncfusion.com/embed/hXVoXMLpygLLsYiI?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

Reference:
https://blazor.syncfusion.com/documentation/datagrid/row#row-pinning-frozen