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 160
    • Issues 160
    • List
    • Boards
    • Labels
    • Milestones
  • Merge Requests 12
    • Merge Requests 12
  • 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
  • #209

Closed
Open
Opened May 20, 2020 by Sai Lohith Dhanakonda@lohithdhanakonda
  • Report abuse
  • New issue
Report abuse New issue

Table is overlapping with the page numbers section and truncating abruptly, when page is ending with a table.

Hi, I have HTML content, that needs to be convert to pdf. Since Pagedjs providing impressive support for table of contents- target counters, I have chosen this. The library is working fine for texts, images and charts, however, when it faces a table, there are a few issues. Especially, when a page ends with a table. The table is overlapping with the page number section, sometimes even truncating the table abruptly, though I am using table, tr { break-inside: avoid; } in my stylesheet to avoid breaking of tables while page breaking.

I went through the functions in pagedjs, which are related to overflowing and breaking(findOverflow,findBreakToken...) tried to debug and update, still no luck. Can someone help me out, with this, Please?

I am posting the screenshots and the HTML content I am trying to print.

Here is the HTML- demo-patient.html - render this on the browser and check the pages from 14 to 17, you can understand the issue better.

reports-2reports-3 Even if I change table and related elements- tr, td, thead, body to div or p tags, still I see the truncation of data. image

Edited May 21, 2020 by Sai Lohith Dhanakonda
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#209