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
  • #98

Closed
Open
Opened Feb 11, 2019 by Murtaza Alvi@alvimurtaza
  • Report abuse
  • New issue
Report abuse New issue

Long HTML table not rendering correctly in Firefox.

Hi

I have a long table which spans into 6 pages on chrome & safari when using paged.polyfill.js but on Firefox the table is overflowing through page footer on the first page and rest of the table is not visible. If we remove the library and print the table on Firefox, it works fine as expected. I tried using

tr {
  page-break-after: auto;
}

but it didn't helped me with Firefox.

Please suggest, what should be the possible solution? I'm referencing a JSbin for more understanding:

https://jsbin.com/cikowuyuya/edit?html,output

Edited Feb 11, 2019 by Murtaza Alvi
Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
1
Labels
rendering
Assign labels
  • View project labels
Reference: tools/pagedjs#98