Show or Hide Grid Header and Footer in Blazor .NET
In general, the column header and footer in IntegralUI Grid component are visible. In some cases, wen you don't need to show additional data in grid footer, you can hide it. In addition, hiding them both allows you to show a Grid with data arranged in multiple columns but without header and footer.
If you have any questions, don't hesitate to contact us at support@lidorsystems.com
In this example, by clicking on check boxes in control panel above the grid, you can set whether grid header or footer are visible or not.
How to Show/Hide Column Header in Blazor Grid
How to Hide Grid Header
Showing or hiding the column header is very easy in IntegralUI Grid component. Using the ShowHeader property you can specify whether the grid header is visible or not, by setting its value to true or false.
By changing this property value to false in HTML declaration of the Grid component, the header will become hidden:
How to Hide Grid Footer
In similar way as above, there the ShowFooter determines whether the grid footer is visible or not. By default, this property is set to true, which means that the footer is visible. To hide the grid footer, set this property value to false.
When both of these properties are set to false, the Grid will appear like a List, with data shown in multiple columns. This allows you to present data in a more uniform way.
Conclusion
Setting the visibility of column header and footer in IntegralUI Grid component for Blazor .NET is straightforward. You only need to change the values of two properties and you can have a grid without header, footer or both.
IntegralUI for Blazor is a suite of native Blazor components that includes the Grid. You can use it to develop web apps in Blazor .NET framework.