Excluding Columns from the Exported PDF File

Environment

Product

Grid for Progress® Telerik® UI for UI for ASP.NET Core

Description

How can I exclude certain columns from the exported PDF file in a Telerik UI for ASP.NET Core Grid?

Solution

Using the k-pdf-export Class and CSS

To hide a Grid column only during the PDF export, use a CSS rule and reduce the width of the target column to zero. This approach is implemented because the Kendo UI Drawing API adds the k-pdf-export class on all elements of the exported content and you can target specific elements in the following way.

<style>
  .k-pdf-export colgroup > col:nth-child(4) {
    width:0; /* hides only the 4th column during PDF export */
  }
</style>

For example refer to this Telerik REPL Project

Using the showColum() and hideColumn() Grid Methods

1. Hide the columns by using the hideColumn method within the pdfExport event handler.
2. When the export is done, display the hidden column by using the showColumn method.

<script>
    var exportFlag = false;
    function onPdfExport(e){
             if (!exportFlag) {
              e.sender.hideColumn(1);
              e.preventDefault();
              exportFlag = true;

              e.sender.saveAsPDF().then(function(){
                e.sender.showColumn(1);
                exportFlag = false;
              });

            }
    }
</script>

For example refer to this Telerik REPL Project

More ASP.NET Core Grid Resources

• ASP.NET Core Grid Documentation

• ASP.NET Core Grid Demos

• ASP.NET Core Grid Product Page

• Telerik UI for ASP.NET Core Video Onboarding Course (Free for trial users and license holders)

• Telerik UI for ASP.NET Core Forums

See Also

• Telerik REPL: Excluding Columns from the Exported PDF File by Using k-pdf-export
• Telerik REPL: Excluding Columns from the Exported PDF File by Using showColumn and hideColumn
• Client-Side API Reference of the Grid for ASP.NET Core
• Server-Side API Reference of the Grid for ASP.NET Core
• Telerik UI for ASP.NET Core Breaking Changes
• Telerik UI for ASP.NET Core Knowledge Base