New Product Launch - BoldDesk !
Introducing help desk ticketing software.
New Product LaunchBoldDesk: Help desk ticketing software starts at $10 for 3 agents.
Try it for free.
. . .
import { PdfTrueTypeFont } from '@syncfusion/ej2-pdf-export';
import { adventProFont } from './font'; // adventProFont is a base 64 of ttf
export default class App extends React.Component<{}, {}> {
. . .
public toolbarClick = (args: ClickEventArgs) => {
const pdfExportProperties: PdfExportProperties = {
theme: {
caption: { font: new PdfTrueTypeFont(adventProFont, 10) },
header: {font: new PdfTrueTypeFont(adventProFont, 12) },
record: { font: new PdfTrueTypeFont(adventProFont, 9) }
}
};
if (this.grid) {
this.grid.pdfExport(pdfExportProperties);
}
}
public render() {
this.toolbarClick = this.toolbarClick.bind(this);
return (
<div>
<GridComponent id='grid' dataSource={data.slice(0, 5)} toolbar={this.toolbar}
allowPdfExport={true} toolbarClick={this.toolbarClick}
ref={g => this.grid = g}>
<ColumnsDirective>
. . .
</ColumnsDirective>
<Inject services={[Toolbar, PdfExport]}/>
</GridComponent>
</div>
);
}
}
|