Как получить css таблицы с jsPDF? - PullRequest
0 голосов
/ 25 марта 2020

У меня проблема Css при создании pdf из библиотеки jsPDF. Как я могу это исправить и добавить css таблицы?

Это моя таблица. Real Table

Эта проблема возникает при создании PDF.

This is the css issue

 <table id="table" class="table table-bordered custom_table">
                                <thead>
                                <tr>
                                    <th>Circuit</th>
                                    <th>Rating</th>
                                    <th>Description</th>
                                    <th>Circuit</th>
                                    <th>Rating</th>
                                    <th>Description</th>
                                </tr>
                                </thead>
                                <tbody>
                                  //Dynamic data here
                                </tbody>
                            </table>

script:

   var doc = new jsPDF({
                    unit: 'px',
                    format: 'a4'
                });

                doc.fromHTML($('#table').get(0), 2, 2);

                doc.save('scdedule_revision.pdf');

                let formData = new FormData();
                formData.append('pdf_file',  btoa(doc.output('datauri')));
                formData.append('revision_no',  this.revision_id);

                axios.post(this.$path + 'api/savePdf', formData, {
                        headers: {'Content-type': 'multipart/form-data'}
                    },
                ).then(({data}) => (
                    console.log(data)
                ))
                    .catch(error => console.log(error));
...