Giter Site home page Giter Site logo

Blank PDF in Ionic 4 about ngx-export-as HOT 3 CLOSED

wnabil avatar wnabil commented on June 22, 2024
Blank PDF in Ionic 4

from ngx-export-as.

Comments (3)

wnabil avatar wnabil commented on June 22, 2024 1

Yes it works, seems like a styling issue with html2pdf or html2canvas because ionic use flex layout now and i do not think the used libraries supports them, however the best thing to do is to render the table twice, one using the ionic structure and one without and completely hidden "just for the export".
to make the code even better you can create a shared component to handle the hidden one so you do not repeat the code every time.

for the second issue you mentioned i will keep an eye on it and directly update the library when its fixed, thanks for the details

from ngx-export-as.

ravimallya avatar ravimallya commented on June 22, 2024

If I wrap the tables with plain div without using ion-grid layout, export works fine. Is there anyway to get it worked with ionic grid or such ionic components?

Also, I'm getting the error which user mentioned here: niklasvh/html2canvas#2058 .

from ngx-export-as.

ravimallya avatar ravimallya commented on June 22, 2024

Thank you. @wnabil . I've updated the other one with my code to export to PDF.

from ngx-export-as.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.