question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue with rowspan table

See original GitHub issue

The following table will render fine in the browser:

<table class="table table-dark" id="my-table" >
  <tbody>
 <tr>
  <th rowspan="3">Details</th>
  <th>Name</th>
  <td>Sarmad</td>
 </tr>
 <tr>
  <th>ABN</th>
  <td>111000333</td>
 </tr>
 <tr>
  <th>Reg Add</th>
  <td>Tpwer 1</td>
 </tr>
  </tbody>
</table>

Using AutoTable {html: ‘#my-table’} to create the pdf, it seems to ignore one of the TDs

Currently, I solved the issue by adding an extra empty tag on top

<table class="table table-dark" id="my-table" >
  <tbody>
 <tr>
  <th rowspan="3">Details</th>
  <th>Name</th>
  <td>Sarmad</td>
 </tr>
 <tr>
  <th></th>
  <th>ABN</th>
  <td>111000333</td>
 </tr>
 <tr>
  <th></th>
  <th>Reg Add</th>
  <td>Tpwer 1</td>
 </tr>
  </tbody>
</table>

However that will break the HTML table.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:11 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
RileyDavidson-Evanscommented, Jan 29, 2019

working on this right now, will put PR up when done

1reaction
RileyDavidson-Evanscommented, Jan 28, 2019

what I get when I print

screen shot 2019-01-28 at 12 49 44 pm
Read more comments on GitHub >

github_iconTop Results From Across the Web

Html table, rowspan issue - Stack Overflow
It seems to be logical, but it doesn't work at any browser. Is there any way in HTML to build such table? html...
Read more >
Table Rowspan And Colspan In HTML Explained (With ...
Allows a single table cell to span the height of more than one cell or row. Why use colspan= or rowspan= ? Sometimes...
Read more >
Table with colspan-rowspan issue #2018 - dompdf ... - GitHub
I have a table involving colspan and rowspan that gives messy results when the content of the rowspan cell has less height than...
Read more >
HTML Table Colspan & Rowspan - W3Schools
HTML Table - Rowspan. To make a cell span over multiple rows, use the rowspan attribute: Example. <table>
Read more >
Problem with Rowspan, Colspan while designing table
HI All, I'm trying to create a form where it requires to create table. I 'm facing issues while using rowspan and colspan....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found