EVO PDF: Compare Tables and Headers that Stay in View

I am currently using the EVO PDF, Html to PDF generator, and I have encountered a puzzling scenario that seems unsolvable. I'm not certain if there is a built-in solution within the software itself.

In my project, I have two metric data tables positioned side by side. These tables always generate the same number of rows. They are separated because they display different scopes and serve different styling purposes.

The challenge lies in EVO PDF's behavior when it comes to tables that get cut off at page breaks. The software automatically repeats table headers at the top of the next page, which is a useful feature. However, this causes an issue when both tables are split between pages - as it results in duplicate headers stacked on top of each other with the second one appearing slightly shifted downwards.

Is there anyone who knows of a way to make these headers coexist harmoniously? Or perhaps someone else has faced and resolved this particular issue before?

htmlcsspdfprintingevopdf

Answer №1

In the newest update of EVO, headers and footers are now shown side by side as the default setting. If preferred, users can still revert to the previous rendering mode by enabling HtmlToPdfConverter.PdfDocumentOptions.StackRepeatedTableHeaders = true.

Answer №2

Our team encountered a similar issue recently. After reaching out to [email protected], we were advised to install the most recent update, which resolved the problem for us. I recommend reaching out to them for assistance.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is there a way I can invoke my function prior to the form being submitted?

For the last couple of days, I've been struggling to make this code function properly. My goal is to execute a function before submitting the form to verify if the class for each variable is consistent. You can access my code here. Any assistance you ...

javascripthtml

Tips for accessing a DOM element's ::before content using JavaScript

Is there a way to retrieve the content of a DOM element's ::before pseudo-element that was applied using CSS3? I've attempted several methods without success, and I'm feeling very confused! // https://rollbar.com/docs/ const links = docum ...

javascriptcssdompseudo-element

Angular 14's "rootItem" animation trigger was created with the following alerts: - The properties listed below are not animatable: overflow

Upon upgrading to Angular 14, I encountered this warning. The properties mentioned are not actually used in my animations. [Error in console][1] The animation triggers "rootItem" has been built with the following warnings: - The following provided propert ...

cssangularanimationangular-animations

Ensuring fixed dimensions for divs (maintaining size irrespective of window width adjustments)

I'm struggling to find the right way to phrase my question, but I have a website example to help illustrate what I'm asking about. Check out this example website Upon resizing the browser window, only the margins of the website adjust and not t ...

htmlcss

div layout; sidebar movements occur after appending div to the header

Having trouble mastering layouts, I am attempting to create a full-width header that includes a left sidebar and a right sidebar. The body is split into 5 sections: full width, left and right sidebars, center content with 3 columns, and the footer mirrorin ...

csshtml

Delete all inputs with identical class except for one using Jquery

In the #tikersDiv div, I am looking to eliminate all input labels that have the same class except for one. Here is the script I have tried without success: $('#tikersDiv').children('label').each(function(i){ let removed = $('#id ...

javascripthtmljqueryinputremovechild

Having trouble with my carousel code - specifically the next and prev buttons in Bootstrap 5. Any suggestions?

Here’s the issue with my carousel: The carousel indicators are functioning properly, but the "next" and "prev" buttons are not responding. The scripts I have included are: popperjs, bootstrap-5.2.0 jquery-3.6.0. The links in my HTML element are in ...

htmljquerycsscarouselbootstrap-5

Customize the Emotion Styled Material UI Tab Indicator Overwrite

Looking for a way to customize the appearance of tab indicators using Emotion styled components. I'm struggling to target nested classes in my code. Here's what I have so far: const StyledTabs = styled(Tabs)( { classes: { indicator: ...

cssreactjsmaterial-uiemotioncss-in-js

jQuery Files in Conflict

The issue I am facing involves the code below. The first function requires linked js and css, while the second one needs a jQuery and javascript file inherited from base.html. However, there seems to be a conflict in loading these files (possibly because o ...

javascriptjqueryhtmldjango

Using AJAX to store the state of a Bootstrap accordion

Utilizing Ajax to fetch data from an API, the process is triggered every second. In order to present the data in a web interface, the HTML code incorporates a bootstrap accordion that is refreshed with new data on each update. The purpose of using an accor ...

javascripthtmlajaxstateaccordion

Executing a C# function using the <map> element

Code snippet currently in place for an image on my web page: <map name="mapWouldYouRather"> <area shape="rect" coords="0,0,460,260" alt="GuessBlue" href="Index.aspx"/> <area shape="rect" coords="470,0,930,260" alt="GuessRed" href=" ...

c#htmlasp.netimagemap

Database query is failing to return any results

Currently, I am developing a URL shortener system which involves storing data in my database such as an id, url, code, and created. However, I encountered an issue where the code does not return the required code despite checking if the entered url exists. ...

phphtmlmysql

Personalized Bootstrap 4 navigation bar tailored specifically for the application process

Seeking a customized progress nav-bar for my application, with a design similar to this: https://i.sstatic.net/ahDBa.png Discovered it on this website. Despite using the provided HTML and CSS, I'm unable to make it work with Bootstrap 4. HTML < ...

htmlcssbootstrap-4navnav-pills

Why is the query outputting a variable with additional values attached to it?

$currentFile = $_SERVER["SCRIPT_NAME"]; $img = array_pop(explode("/", $currentFile)); $fileName = basename($img, ".php").PHP_EOL; echo $fileName; Echo'd results: placementName $query = "SELECT * FROM image_Name WHERE name = '" . mysql_real_ ...

phphtmlmysqldatabase

Unable to implement a design on a button during its click event

I successfully implemented a dynamic button in HTML5 and Javascript. The button has a click event assigned to it, so when clicked, its content and background color are supposed to change. However, while the content changes correctly, the background color d ...

htmlcssdom

What's the best method for updating a div on a webpage to display the most current information from the database?

In my small blog project, I have implemented a viewcount feature that tracks the number of times a particular post has been viewed. However, the issue I am facing is that the value of viewcount does not update unless the entire page is refreshed. To addres ...

javascripthtmldjangoajax

Animated CSS Checkmark Design

How can I create an animated Check-mark using CSS with SVG animation? I attempted the following code but it doesn't seem to be working. Any suggestions? DEMO: https://jsfiddle.net/b7Ln0jns/ CSS: @import "bourbon"; $color--green: #7ac142; $curve: c ...

javascriptjqueryhtmlcss

Angular 8: Implementing Form Validation with a Boolean Flag

Within my HTML code, I have a function (change)="limitUser($event)". In Typescript, I utilize a for loop to iterate through each element and determine if the value is less than 10. If it exceeds 10, the inValid = true condition is set. All form fields in m ...

htmlangulartypescriptvalidationangular8

Using VB.NET with Selenium to locate and interact with dropdown elements

My knowledge of selenium is limited, and I'm facing difficulty in selecting an element from a dropdown menu on AliExpress using vb.net. The issue arises when the driver either fails to locate the intended element or finds another element with the same ...

html.netvb.netseleniumselenium-webdriver

A dynamic jQuery plugin that replicates the smooth page sliding animation found in iPhone apps

Currently, I am in search of a jQuery plugin that has the capability to navigate users to different pages on a website with a sleek sliding animation, similar to what we see in some widely used iPhone apps. Despite my best efforts to create this functional ...

iphonehtmlcssanimationjquery-plugins