Actually I need to have multiple level header like
first row has "All View" in center
second row has "July 2017" in center
and then column wise header like Frequency ,task name , range etc etc ,for this purpose i have two table printJS-form and printJS-form2 ,
if u run above code u will find that when it generated PDF it give space between first table(printJS-form) and second table(printJS-form2)
In this logic there is one issue space between two tables i,e printJS-form and printJS-form2
Now ,can any one can remove space between two tables OR can merge headings (All View,July 2017) in single table using cols span/rowspan
Please note down that i do not want to use pdf to image logic .
Now ,can any one can remove space between two tables
To remove the space between two tables, you can add this statement to the second table options:
startY: doc.lastAutoTable.finalY
erum
OR can merge headings (All View,July 2017) in single table using cols span/rowspan
For this question, I don't know exactly what you want to do. Do you have both two headers (All View, July 2017) in your two tables in html code? And you only want to show two headers in one table in pdf?
I hope you can provide your code about this requirements, which will help us solve your issue more easily.
For the first question, here is detailed code based on your previous cases:
Member
84 Points
1323 Posts
jspdf autotable and html Styles [rowspan and col span]
Sep 05, 2019 11:15 AM|erum|LINK
hi to every one
i have html table and i convert to pdf using jspdf
Actually I need to have multiple level header like
first row has "All View" in center
second row has "July 2017" in center
and then column wise header like Frequency ,task name , range etc etc ,for this purpose i have two table printJS-form and printJS-form2 ,
if u run above code u will find that when it generated PDF it give space between first table(printJS-form) and second table(printJS-form2)
In this logic there is one issue space between two tables i,e printJS-form and printJS-form2
Now ,can any one can remove space between two tables OR can merge headings (All View,July 2017) in single table using cols span/rowspan
Please note down that i do not want to use pdf to image logic .
Contributor
3710 Points
1043 Posts
Re: jspdf autotable and html Styles [rowspan and col span]
Sep 06, 2019 03:03 AM|Yongqing Yu|LINK
Hi erum,
To remove the space between two tables, you can add this statement to the second table options:
startY: doc.lastAutoTable.finalY
For this question, I don't know exactly what you want to do. Do you have both two headers (All View, July 2017) in your two tables in html code? And you only want to show two headers in one table in pdf?
I hope you can provide your code about this requirements, which will help us solve your issue more easily.
For the first question, here is detailed code based on your previous cases:
Here is the result:
Best Regards,
YongQing.
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
84 Points
1323 Posts
Re: jspdf autotable and html Styles [rowspan and col span]
Sep 06, 2019 04:32 AM|erum|LINK
no ,u r not getting me i want like this
=================================================================================================================
All View
=================================================================================================================
July 2017
=================================================================================================================
Then further tabular structure like Frequency ,RAnge etc etc .that means multi level heading I need
Contributor
3710 Points
1043 Posts
Re: jspdf autotable and html Styles [rowspan and col span]
Sep 06, 2019 06:27 AM|Yongqing Yu|LINK
Hi erum,
I'm sorry for my misunderstanding of your needs.
According to your description, you can refer to this code:
Here is the result:
Best Regards,
YongQing.
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.