Header and Footer

The DataGrid allows you to customize a header and a footer in the exported PDF file. Follow the steps below to configure a header/footer:

Call the exportDataGrid(options) method.
Use the following API to specify header/footer layout settings:
- For a header
  Use the topLeft object to specify a start position for DataGrid export. This position should be below the header.
- For a footer
  Use the customDrawCell function to calculate the coordinates of the last right cell of the DataGrid.
Execute a promise after the exportDataGrid(options) method. In this promise, specify position and appearance of the header/footer.

See more Hide details

Prev Demo Next Demo

www.wikipedia.org

Was this demo helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Send Feedback

Thank you!
We appreciate your feedback.

ASP.NET MVC

Thank you for your interest in our ASP.NET MVC product libraries and UI component suite. We are moving ASP.NET MVC-related demos and content to DevExpress.com. Please make sure to update your bookmarks with our new URL.

View Demo

Header and Footer

jQuery

Angular

Vue

React

ASP.NET Core

ASP.NET MVC