|
@using Syncfusion.Blazor.Buttons
@using Syncfusion.Blazor.Grids
<SfButton OnClick="PdfExport" Content="Pdf Export"></SfButton>
<SfGrid @ref="DefaultGrid" DataSource="@Orders" AllowPdfExport="true" AllowPaging="true">
<GridColumns>
<GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" TextAlign="TextAlign.Right" Width="120"></GridColumn>
<GridColumn Field=@nameof(Order.OrderDate) HeaderText=" Order Date" Format="d" Type="ColumnType.Date" TextAlign="TextAlign.Right" Width="130"></GridColumn>
</GridColumns>
</SfGrid>
@code{
public async Task PdfExport()
{
PdfExportProperties ExportProperties = new PdfExportProperties();
ExportProperties.DisableAutoFitWidth = true;
//Below code is to customize the columns width for the pdf exported grid irrespective of the actual grid columns width
ExportProperties.Columns = new List<GridColumn>()
{
new GridColumn(){ Field="OrderID", HeaderText="Sprint Plan ID", TextAlign=TextAlign.Left, Width="300"},
new GridColumn(){ Field="CustomerID", HeaderText="CustomerID", TextAlign=TextAlign.Left, Width="100"},
new GridColumn(){ Field="OrderDate", HeaderText=" Date", TextAlign=TextAlign.Left, Width="80"}
};
await this.DefaultGrid.PdfExport(ExportProperties);
}
} |