Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Support
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
pagedjs
pagedjs
  • Project
    • Project
    • Details
    • Activity
    • Releases
    • Cycle Analytics
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
  • Issues 150
    • Issues 150
    • List
    • Boards
    • Labels
    • Milestones
  • Merge Requests 10
    • Merge Requests 10
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Tools
  • pagedjspagedjs
  • Issues
  • #239

Closed
Open
Opened Aug 24, 2020 by Guillaume@mogztter
  • Report abuse
  • New issue
Report abuse New issue

Preserve rowspan when a table is chunked

Consider the following example:

<!DOCTYPE html PUBLIC>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>rowspan-table</title>
  <script src="../../../dist/paged.polyfill.js"></script>
  <style>
    @page {
      size: 500px 300px;
      border: 1px solid #cfc2c2;
    }

    table {
      border-collapse: collapse;
    }

    table, th, td {
      border: 1px solid black;
    }

    tr, td {
      break-inside: avoid;
    }
  </style>
</head>
<body>
<table>
  <tbody>
  <tr>
    <td rowspan="4">1</td>
    <td rowspan="4">This is a long description</td>
    <td>First row, third column</td>
  </tr>
  <tr>
    <td>Second row, third column</td>
  </tr>
  <tr>
    <td>Third row, third column</td>
  </tr>
  <tr>
    <td>Fourth row, third column</td>
  </tr>
  </tbody>
</table>
</body>
</html>

The table looks like this:

table-rowspan

Currently, Paged.js will produce the following:

current-rowspan

As you can see on the second page, the first two rows of the table are missing. The expected result is:

expected-rowspan

Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
0
Labels
None
Assign labels
  • View project labels
Reference: tools/pagedjs#239