How to hide the Grid footer?

You can hide the pager details from being displayed in the Grid by using the dataBound event of the Grid. The dataBound event is triggered when the Grid is bound with data during the initial rendering. In the argument of the dataBound event, you can obtain the following details.

In the following code example, the Grid is rendered with the virtual paging enabled by using the allowVirtualScrolling property.

1. Render the Grid.

MVC

ASP.NET

2. In the dataBound event, you can hide the pager <div> from being displayed by using the following code example.

When you need to hide only the message within the pager <div> from being displayed, you can use the following code example.

Figure 1: Grid with Virtual scrolling enabled – Pager <div> visible

Figure 2: Grid with Virtual scrolling enabled – Pager <div> hidden

Figure 3: Grid with Virtual scrolling enabled – Message within pager <div> is hidden