I have a table with around 20 columns width. When I tried to create as PDF through TCPDF plugin, around 8 to 10 columns only displaying and the remaining columns are not printed in the pdf. Anyone can have any suggestions please help me to fix this. See screenshot below
Print the page in portrait mode
$pdf = new TCPDF('P', PDF_UNIT, PDF_PAGE_FORMAT, true, 'UTF-8', false);
Related
I am using Quasar and Electron and producing PDFs with jsPDF and also using autotable. Love it so far, gives me a lot of control.
I need to place a box inside a cell/row. I can get a box to appear on the PDF but sticking it into the needed cell is eluding me. I've been googling and don't really understand all the details.
As you can see the little black box is on the top left, and I need a box inside each column where I've drawn the little red boxes.
does the data.row.index correspond to the 0 columns? It needs to skip the first few rows that are just rowSpan for the title areas. I do not have column keys defined... is that necessary? I've been looking at the autotable examples and trying to understand the details but the documentation isn't as elaborate as needed by a newbie such as myself.
My data is pulled from an array that's built from a database.
I will continue to Google and see if I can figure it out but would love help. Thanks.
this.doc.autoTable({
head: headers,
body: this.tableRows,
theme: 'plain',
didDrawCell: (data) => {
if (data.row.index === 0 && data.row.section === 'body') {
this.doc.rect(20, 20, 3, 3, 'F') // empty square
}
}
})
I'm struggling to increase the width of horizontal line in TCPDF with PHP, can someone help me to
achieve this.
I'm trying with the below code.
$pdf->writeHTML("<hr>",true, false, false, false,'');
Below is the result.
getting this result
I want the result like this
desired result
I got answer to my question on https://tcpdf.org/examples/example_012/
and worked perfectly fine.
Thanks
I want to convert entire html page to pdf. Thanks to stackoverflow, i got idea, but i want to convert both divs and ng-grids.
Try1: While including both in specialElementHandlers, data and column headers in grid are not displayed properly in pdf. [column headers are displayed as individual rows and unwanted ng-grid code snippets are captured (Total Items: 0
(Showing Items: 0)
Selected Items: 0
Page Size:
/ 1)]
Try2: After converting all my divs to tables, some data are not properly displayed in pdf. Data are not properly placed in table structure.
Kindly let me know, if this is due to html design issue or jspdf property setups.
You can convert it to an image and insert your image in a html document. Or you put this document in a ftp server and load this.
I have a problem on impression of tickets in continuous paper thermal printer. I have done a report with paper size "custom", height 50 cm and I have checked "Endless page height" option, but when I print the ticket, it ends when he has a height of a Din A4 page.
Any idea why? I need to configure any more?
I use FastReport 5 in Seattle 10
I have searched info about this but nothing found.
try to mark check Large height in design mode, not Endless page height in report options, and set paper size = custom, with correct width and height (in your case 50 cm).
I have exactly the same problem without founded yet a solution until today that I'm working with C++Builder 11.1.
As a work-around, I divided the entire long report into some few different groups, each of them printed onto a new page. The grouping could be by category or some other valid concept for the user, if any.
The resulting report is going to be few pages cut at a small length than the original, but it will allow to show the whole expected information. It is not what I wanted originally but is a valid alternative solution for me.
Do you finally found a solution to reach your objective to print the report on a longer than Din A4 page?
I'm trying to use gridstack ( https://github.com/troolee/gridstack.js ) in a configuration of just 5 columns, but the problem is the default is 12 columns, and when I configure to only 5, these 5 columns are squeezed to the left and I have the space of 7 unusable columns on the right.
I would like to use all the screen width to acomodate these columns. Could you help me with the solution? I used options = { width: 5 } and the recommendations on https://github.com/troolee/gridstack.js#change-grid-width , but with no success.
Thank you!
Have you updated CSS rules for your grid? You need to define new rules for it.
Please check out the documentation https://github.com/troolee/gridstack.js#change-grid-width