I have a problem in mpdf. I have 2 rows in a table. The 1st row fit in the first page, but the 2nd row is put on the next page cause it have a lot of data, but there is too much space on the first page.
I want to at least make the row, cut to occupy the remaining space on the first page. Is this possible in mpdf? If yes, how can I do that?
Related
I have a grid inside a component which has some rows and columns. The problem is that there is some empty space after the last row of the grid and I want to get rid of it. This is what it looks like in the inspector, it actually shows that the whole content is the grid, whereas only the rows with actual information are the content of the grid. I want to remove this white space which is there for no reason. For clarification this is the empty unwanted space:
You could use setHeightByRows to set the Grid to contain a fixed amount of rows, or setHeightUndefined to always show all the rows (bad idea if your Grid ever has massive amounts of data in it).
So basically, I have a react app and I am trying to create a grid of square elements but:
i dont want to
shrink them below a certain size (meaning that when the page
shrinks, the last elements on a row are pushed to the next row
etc.).
I was also hoping to put in a few special 2x2 elements in the grid (realistically not
many, between 1-3)
I am looking to be able input a series of objects (ordered by priority) and have the page dynamically allocate them into the grid space as best it can.
I have done bootstrap grids in the past, 1. could be achieved fairly easily by changing the .col-x value at certain screen widths so the elements wrap
But 2. seems really hard:
making a static row with a 2x2 element and some 1x1 elements seems
easy, but then it will all break when the above row tries to wrap, or
when i have to wrap elements in this static row.
I was also thinking of offsetting 2 consecutive rows and just placing a div with the 2x2 boxes over the offset, but then i would have to change the row elements that are being offset on the fly, and i dont know how to get an element to tell me what row and column it is in.
Any ideas?
I have a problem in mpdf. I have 2 rows in a table. The 1st row fit in the first page, but the 2nd row is put on the next page cause it have a lot of data, but there is too much space on the first page.
I want to at least make the row, cut to occupy the remaining space on the first page. Is this possible in mpdf? If yes, how can I do that?
I have four photos in one row. When the row is complete, I pass to another row and when it is full I pass to a third row, but this is incomplete. How can I tell to angular it is time to change line or the row is imcompelete and to close the row? I am using the grid of bootstrap3.
Does it need to be done programmatically? I would just put them all in one row, and handle the items per row issue in CSS with width percentages (25%) with float left
So here is my challenge. I need to build a printer-friendly table in html/css that needs to meet a few requirements.
a) I am going to have an html table, with each row having adjustable heights depending on the amount of text in each row. A row cannot be "cut-off" at the end of a page and the start of the next page.
b) There is no defined number of rows per page, this needs to be flux depending on how many can fit.
c) every page must have the same header of a defined height.
d) The page must be printable on 11x17 paper with half inch margins.
Basically I am not sure how to approach this. I have built a normal in html - but when printing the rows get cut off. I also am not sure how to figure out the "header" on every page requirement.
Any ideas on the best way I can approach this challenge?
Thanks!