Table doesn't carry header to new page mPDF - mpdf

I have this problem/would like to have this functionality
I have an issue similar to #375 but rather, my tables function mostly as expected from the documentation. The only thing that I can't make sense of is that my table headers will start on one page, and then for a long table, or if it just extends past the end of the page, the table data will move to the next page, without it's table header.
These are mPDF and PHP versions I am using
mPDF 6.1.0. PHP 5.6.21
Below are some examples of the issue I'm having.
The second screenshot has a very long table that displays on the second page (which mPDF shrinks to fit all on the one page I believe).

Turns out, I just needed to keep looking through the documentation.
By applying the page-break-inside: avoid style to my table my problem was fixed.
I'm not totally sure if having the attribute repeat_header='1' on my table was also relevant, but that was what I had originally attempted to use to solve my problem.

Related

Wordpress: Cannot edit in a table

I am working in Wordpress version 5.4.1, in Gutenberg, with a table block and having trouble editing.
It is relatively simple setup. One column of images another of text. I need to edit and change one image and I find it cannot be edited through the visual editor. I cannot get to detail below table. See image from the bottom of the editor.
Is this a bug, or am I doing something basic wrong.
BTW, I can edit the text and I can edit the HTML to change the image, but that is of course defeating the intent of the visual editor.
You really should check out the guide, how to ask questions on stackoverflow: https://stackoverflow.com/help/how-to-ask
So I guess, you want to have a two column layout created with the Gutenberg Editor in Wordpress.
Gutenberg: Columns Block for multi-column layouts
There is the columns block for that (layout). This block is used to create multi column layouts. You can add it under "Layout Elements" -> "Columns" (https://wpdevelopment.courses/articles/a-list-of-all-default-gutenberg-blocks-in-wordpress-5-0/#layout). Use this block, it will ask you which column layout you want to choose. I think the two columns seperated in the middle will be your choice. You can also set if the content should be vertically top, middle or bottom.
Inside the columns you now have "+" and can add an "Image", found under the common blocks (https://wpdevelopment.courses/articles/a-list-of-all-default-gutenberg-blocks-in-wordpress-5-0/#common-blocks), and upload or choose an image from your media library. Inside of the other column you can add your paragraph.
Gutenberg: Table Block for tabular data in table format
There is the table block for that (formatting: https://wpdevelopment.courses/articles/a-list-of-all-default-gutenberg-blocks-in-wordpress-5-0/#formatting). The times using tables for layouting thankfully are over since a long time. You should not use tables to create the layout of your website. They are and were only for data in table format, not for creating layouts.
Is your image block not working?
If you are using your image block, you cannot upload or add images form the media library? Please try deactivating all your plugins and change to a default wordpress theme (i.e. twentytwenty). Is the problem still occuring when using Gutenberg? You should check the console in your browser inspector if there are any erros.
Your image block is just not working for one image?
Try to delete that block and save the page. Clear all your caches and reload the page. After that, insert a new image block in your layout. If it is working now, there just was something wrong with this one block element.
Your image is not working inside a table block?
Are there any errors, have you tried deactivting all plugins and change to default theme? Are you really wanting to show data in the table, or do you want to set up a column layout? Maybe it would be better to use the columns block, if you want to achive two column layout.

Printed Page Table Headers Repeat only on Table without Page Break

Very difficult to explain so I have included an image:
(Apologies for red boxes of redacted information, this issue seems exclusive to this table containing protected content, am working on creating a minimal replication repository)
As said in the title, this only occurs when printing the page, in tables that are NOT page broken. Page broken tables work as expected.
This is an issue with Chrome 63.00 and has not yet been fixed. Until the next version it is recommended to use version 62.00

ssrs header for list which is repeating after page breaks

I have a layout for report services and subreports. My subreports are lists with headers. I need to get header for each subreport on pagebreaks. I've tried to use a table for this task but I didn't manage them to display headers on pagebraks though I was using repeat on each page or something like this and others (I'm really frustrated about whole of a lot those properties for silly task and not working). Maybe someone can suggest solution for this task without using a table? I've found solution to use header of subreport for this but this didn't work out as well.
I tried to Set "Repeat header rows on each page", "Repeat header columns on each row" and tried to set "RepeatOnNewPage" property of the header in the Advanced mode but everything was futile. All these things I tried to use even for a simple table without lists.
The report is rendered to PDF... maybe this repeating headers feature doesn't work for PDF?
Found the solution. The problem was that I've been adding rows to table outside of the group (the first row is marked with three horizontal lines at the row pane). After I added lines inside of this group - the header started to display after the page break.
As for lists... I found out that one can use table as list... If one adds source of data to the row then it will be multiplied if several data sets provided.

Different header in MigraDoc

I have been looking around and I cant find a way to do this as I want.
I have MigraDoc creating a PDF that can be one page or more, the header on the first page I would like to be different to every other page. E.g. First page has a logo and all others do NOT. So I need more then one header. This is something that I have found to do using
Section.PageSetup.DifferentFirstPageHeaderFooter = True
The problem that I have is that this also means that the footer (that will not change at all) does not show up on the first page. For the Footer I am using a table Section.Footers.Primary.AddTable.
I could use a "quick fix" by just copying the table (footer) and pasting it with it changed to section.Footers.FirstPage.AddTable but then I would have a ton of code that is just messy and not needed as the footer does not change, is there a way around this?
Any help would be great. I will continue to look around to see if i can find anything more on this.
You could also use
section.Footers.FirstPage = Section.Footers.Primary.Clone()
after calling AddTable().
Maybe it would be enough to just all section.Footers.FirstPage.AddTable - IIRC the first page footer will be used for all pages if you do not assign a special primary footer (but I could be wrong about this; I'll check this Wednesday or Thursday).
Well, as no one else can answer this the best way I found to "solve" this problem is to create a function that creates the table. Then I call the function and use it as Section.Footers.Primary and section.Footers.FirstPage
If anyone does have a better way please do feel free to give a comment or something.

JQuery Plugin (Hover-Caption) Adding Offset to Images In Internet Explorer (all versions)

I have a Wordpress site that uses a JQuery plugin called Hover-Caption ( https://github.com/coryschires/hover-caption ).
The main page of site: (http://brighidfitzsimons.com) looks good.
However in Internet Explorer 9, a similar page based on Category adds a 282px top offset to the post thumbnail image. (http://brighidfitzsimons.com/category/lifestyle/)
I am new web developer so I am struggling to figure out how to isolate problem. Based on this stackoverflow entry ( How do I get rid of an element's offset using CSS? ) my current train of thought is to add a IE specific CSS sheet to 'reverse' the offset but I can't seem to get at the offending element. Also I'm confused why works on main page but not on category page. If you watch page loading carefully, it initially loads correctly then at the very end the images are moved down. Perhaps this is a clue.
First stackoverflow entry so I hope I have followed correct ettiquete. Please advise if you need me to provide any more information.
Thanks for taking time to read problem.
Regards Simon
It has something to do with the substitutions of the content inside the title, probably some quirk about ie9 which someone else would have more of an idea for me
just so you can take my word for it: http://jsfiddle.net/BXjK3/
the first two i have removed all the greater, lesser and quotes and it works, but I would say the browser does the substitutions before Javascript can see it, and it all goes down-hill
edit: worth mentioning the reason it looks like that is because the text is no longer properly contained, and so the display none is not taking effect on it, pushing all the images down and making it a jumble, due to the way the content is loaded the ie inspection cannot show me how the text is after the javascript, only what was loaded on page load, so i can't give you more help than that

Resources