PDF Export Stop Text Wrap
Hello,
I would like it so when a grid exports to PDF the column adjust its size to content, so text does not wrap. Is this possible? Below is an image of what is happening currently.
Thanks,
Charles
SIGN IN To post a reply.
27 Replies
Also the text still wraps. I want all the columns to be on one page but also no text wrapping for the columns.
Hi Charles,
Thanks for the update
By default, while exporting a pdf export the Grid will auto adjust in the pdf layout, to render all columns in single page, the Grid cell will adjust based on pdf cell. So, when the content overflow in the pdf cell it will automatically wrap the text and adjust the content. It was the default behavior.
From your update, we could see that you are using a stacked header columns in the Grid. So based on your query we have prepared a sample and we suggest you use the below way to achieve your requirement. Please refer the below code example and sample for more information.
|
toolbarClick(args: any): void { //toolbar click event
if (args.item.text === 'PDF Export') {
// create a new PDF document
let pdfDocument = new PdfDocument();
// add a page
let page = pdfDocument.pages.add();
// set the font
let font = new PdfStandardFont(2, 10);
// create black brush
let brush = new PdfSolidBrush(new PdfColor(0, 0, 0));
var totalGrid = document.getElementsByClassName('e-grid');
for (var g = 0; g < totalGrid.length; g++) {
var gridI = (totalGrid[g] as any).ej2_instances[0];
// create a PdfGrid
let pdfGrid = new PdfGrid();
pdfGrid.style.allowHorizontalOverflow = false;
// add columns
var columns = gridI.getColumns();
pdfGrid.columns.add(columns.length);
// add headers
var headers = gridI.columns;
var secondLevelHeader = [];
var firstLevelHeader = [];
for (var s = 0; s < headers.length; s++) {
firstLevelHeader.push(headers[s].headerText)
if (headers[s].columns) {
var stackedHeader = true; // enable the stackedHeader flag variable if the grid have stacked header.
for (var k = 0; k < headers[s].columns.length; k++) {
secondLevelHeader.push(headers[s].columns[k].headerText)
}
}
}
if (stackedHeader) {
pdfGrid.headers.add(2);
} else {
pdfGrid.headers.add(1);
}
var secondLevelHeaderOrder = [];
for (var h = 0; h < (pdfGrid.headers as any).rows.length; h++) {
if (h == 0) {
let pdfGridHeader1 = pdfGrid.headers.getHeader(h);
var firstLevelHeaderOrder = 0;
for (var n = 0; n < firstLevelHeader.length; n++) {
if (headers[n].columns) {
var columnSpanLength = headers[n].columns.length;
let secondLevelHeaderOrderIndex = firstLevelHeaderOrder;
for (var t = 0; t < columnSpanLength; t++) {
secondLevelHeaderOrder.push(secondLevelHeaderOrderIndex + t);
}
pdfGridHeader1.cells.getCell(firstLevelHeaderOrder).value = firstLevelHeader[n];
//Apply column span for first level stacked header
pdfGridHeader1.cells.getCell(firstLevelHeaderOrder).columnSpan = columnSpanLength;
firstLevelHeaderOrder = firstLevelHeaderOrder + columnSpanLength
} else if (stackedHeader) {
pdfGridHeader1.cells.getCell(firstLevelHeaderOrder).value = firstLevelHeader[n];
//Apply row span for first level normal header if grid have stacked header
pdfGridHeader1.cells.getCell(firstLevelHeaderOrder).rowSpan = 2;
firstLevelHeaderOrder = firstLevelHeaderOrder + 1
} else {
pdfGridHeader1.cells.getCell(n).value = firstLevelHeader[n];
}
}
} else {
let pdfGridHeader2 = pdfGrid.headers.getHeader(h);
for (var st = 0; st < secondLevelHeader.length; st++) {
pdfGridHeader2.cells.getCell(secondLevelHeaderOrder[st]).value = secondLevelHeader[st];
}
}
}
stackedHeader = false
// add rows
var data = gridI.dataSource;
for (let i = 0; i < data.length; i++) {
let pdfGridRow = pdfGrid.rows.addRow();
for (let j = 0; j < columns.length; j++) {
var field = columns[j].field;
if (field) {
pdfGridRow.cells.getCell(j).value = data[i][field].toString();
}
}
}
if (g == 0) {
// drawing a grid
var gridResult = pdfGrid.draw(
page,
new PointF(0, 0)
);
} else {
let layoutFormat = new PdfGridLayoutFormat();
layoutFormat.layout = 0; //PdfLayoutType.Paginate;
layoutFormat.break = 0; //PdfLayoutBreakType.FitPage;
// drawing a grid based on PdfGridLayoutResult value
gridResult = pdfGrid.draw(
gridResult.page,
new PointF(0, gridResult.bounds.y + gridResult.bounds.height + 30),
layoutFormat
);
}
}
//Save the document.
pdfDocument.save('MultipleGrid_Result.pdf');
pdfDocument.destroy();
}
} |
Screenshot:
Regards,
Rajapandi R
We used another library for pdf exports in the past and it was able to fit all the columns on one page without the columns text wrapping. Below is an example
With Syncfusion the pdf can fit all the columns onto one page but the columns will wrap the text which looks ugly. We do not want this behavior. Below is an example of that.
thanks,
Charles
Hi,
After some more testing this does work well for displaying the pdf correctly however if you go to print the pdf out it cuts off some of the columns. Below is an image of what happens.
SIGN IN To post a reply.
