1- < html > < head > < style > table , td , th {border : 1px solid;border-collapse : collapse}</ style > </ head > < body > < div id ="wrapper "> < table id ="simpleTable1 " data-cols-width ="70,15,10 "> < tbody > < tr > < td colspan ="5 " data-f-sz ="25 " data-f-color ="FFFFAA00 " data-a-h ="center " data-a-v ="middle " data-f-underline ="true "> Sample Excel </ td > </ tr > < tr > < td colspan ="5 " data-f-italic ="true " data-a-h ="center " data-f-name ="Arial " data-a-v ="top "> Italic and horizontal center in Arial </ td > </ tr > < tr > < th data-a-text-rotation ="90 "> Col 1 (number)</ th > < th data-a-text-rotation ="vertical "> Col 2</ th > < th data-a-wrap ="true "> Wrapped Text</ th > < th data-a-text-rotation ="-45 "> Col 4 (date)</ th > < th data-a-text-rotation ="-90 "> Col 5</ th > </ tr > < tr > < td rowspan ="1 " data-t ="n "> 1</ td > < td rowspan ="1 " data-b-b-s ="thick " data-b-l-s ="thick " data-b-r-s ="thick "> ABC1 </ td > < td rowspan ="1 " data-f-strike ="true "> Striked Text</ td > < td data-t ="d "> 05-20-2018</ td > < td data-t ="n " data-num-fmt ="$ 0.00 "> 2210.00</ td > </ tr > < tr > < td rowspan ="2 " data-t ="n "> 2</ td > < td rowspan ="2 " data-fill-color ="FFFF0000 " data-f-color ="FFFFFFFF "> ABC 2 </ td > < td rowspan ="2 " data-a-indent ="3 "> Merged cell</ td > < td data-t ="d "> 05-21-2018</ td > < td data-t ="n " data-b-a-s ="dashed " data-num-fmt ="$ 0.00 "> 230.00</ td > </ tr > < tr > < td data-t ="d "> 05-22-2018</ td > < td data-t ="n " data-num-fmt ="$ 0.00 "> 2493.00</ td > </ tr > < tr > < td colspan ="4 " align ="right " data-f-bold ="true " data-a-h ="right " data-hyperlink ="https://google.com "> < b > < a href ="https://google.com "> Hyperlink</ a > </ b > </ td > < td colspan ="1 " align ="right " data-t ="n " data-f-bold ="true " data-num-fmt ="$ 0.00 "> < b > 4933.00</ b > </ td > </ tr > < tr > < td colspan ="4 " align ="right " data-f-bold ="true " data-a-rtl ="true "> مرحبا </ td > < td colspan ="1 " align ="right " data-t ="n " data-f-bold ="true " data-num-fmt ="$ 0.00 "> < b > 2009.00</ b > </ td > </ tr > < tr > < td data-b-a-s ="dashed " data-b-a-c ="FFFF0000 "> All borders</ td > </ tr > < tr > < td data-t ="b "> true</ td > < td data-t ="b "> false</ td > < td data-t ="b "> 1</ td > < td data-t ="b "> 0</ td > < td data-error ="#VALUE! "> Value Error</ td > </ tr > < tr > < td data-b-t-s ="thick " data-b-l-s ="thick " data-b-b-s ="thick " data-b-r-s ="thick " data-b-t-c ="FF00FF00 " data-b-l-c ="FF00FF00 " data-b-b-c ="FF00FF00 " data-b-r-c ="FF00FF00 "> All borders separately </ td > </ tr > < tr data-exclude ="true "> < td > Excluded row</ td > < td > Something</ td > </ tr > < tr > < td > Included Cell</ td > < td data-exclude ="true "> Excluded Cell</ td > < td > Included Cell</ td > </ tr > </ tbody > </ table > < button id ="button-excel " onclick ="exportExcel() "> Create Excel</ button > </ div > < script src ="/tableToExcel.ea9f68b1.js "> </ script > < script > function $s8z$var$exportExcel ( ) { TableToExcel . convert ( document . getElementById ( "simpleTable1" ) ) } </ script > </ body > </ html >
1+ < html >
2+ < head >
3+ < style > table ,
4+ td ,
5+ th {
6+ border : 1px solid;
7+ border-collapse : collapse;
8+ }</ style >
9+ </ head >
10+ < body >
11+ < div id ="wrapper ">
12+ < table id ="simpleTable1 " data-cols-width ="70,15,10 ">
13+ < tbody >
14+ < tr >
15+ < td colspan ="5 " data-f-sz ="25 " data-f-color ="FFFFAA00 " data-a-h ="center " data-a-v ="middle " data-f-underline ="true ">
16+ Sample Excel
17+ </ td >
18+ </ tr >
19+ < tr >
20+ < td colspan ="5 " data-f-italic ="true " data-a-h ="center " data-f-name ="Arial " data-a-v ="top ">
21+ Italic and horizontal center in Arial
22+ </ td >
23+ </ tr >
24+ < tr >
25+ < th data-a-text-rotation ="90 "> Col 1 (number)</ th >
26+ < th data-a-text-rotation ="vertical "> Col 2</ th >
27+ < th data-a-wrap ="true "> Wrapped Text</ th >
28+ < th data-a-text-rotation ="-45 "> Col 4 (date)</ th >
29+ < th data-a-text-rotation ="-90 "> Col 5</ th >
30+ </ tr >
31+ < tr >
32+ < td rowspan ="1 " data-t ="n "> 1</ td >
33+ < td rowspan ="1 " data-b-b-s ="thick " data-b-l-s ="thick " data-b-r-s ="thick ">
34+ ABC1
35+ </ td >
36+ < td rowspan ="1 " data-f-strike ="true "> Striked Text</ td >
37+ < td data-t ="d "> 05-20-2018</ td >
38+ < td data-t ="n " data-num-fmt ="$ 0.00 "> 2210.00</ td >
39+ </ tr >
40+
41+ < tr >
42+ < td rowspan ="2 " data-t ="n "> 2</ td >
43+ < td rowspan ="2 " data-fill-color ="FFFF0000 " data-f-color ="FFFFFFFF ">
44+ ABC 2
45+ </ td >
46+ < td rowspan ="2 " data-a-indent ="3 "> Merged cell</ td >
47+ < td data-t ="d "> 05-21-2018</ td >
48+ < td data-t ="n " data-b-a-s ="dashed " data-num-fmt ="$ 0.00 "> 230.00</ td >
49+ </ tr >
50+ < tr >
51+ < td data-t ="d "> 05-22-2018</ td >
52+
53+ < td data-t ="n " data-num-fmt ="$ 0.00 "> 2493.00</ td >
54+ </ tr >
55+
56+ < tr >
57+ < td colspan ="4 " align ="right " data-f-bold ="true " data-a-h ="right " data-hyperlink ="https://google.com ">
58+ < b > < a href ="https://google.com "> Hyperlink</ a > </ b >
59+ </ td >
60+ < td colspan ="1 " align ="right " data-t ="n " data-f-bold ="true " data-num-fmt ="$ 0.00 ">
61+ < b > 4933.00</ b >
62+ </ td >
63+ </ tr >
64+ < tr >
65+ < td colspan ="4 " align ="right " data-f-bold ="true " data-a-rtl ="true ">
66+ مرحبا
67+ </ td >
68+ < td colspan ="1 " align ="right " data-t ="n " data-f-bold ="true " data-num-fmt ="$ 0.00 ">
69+ < b > 2009.00</ b >
70+ </ td >
71+ </ tr >
72+ < tr >
73+ < td data-b-a-s ="dashed " data-b-a-c ="FFFF0000 "> All borders</ td >
74+ </ tr >
75+ < tr >
76+ < td data-t ="b "> true</ td >
77+ < td data-t ="b "> false</ td >
78+ < td data-t ="b "> 1</ td >
79+ < td data-t ="b "> 0</ td >
80+ < td data-error ="#VALUE! "> Value Error</ td >
81+ </ tr >
82+ < tr >
83+ < td data-b-t-s ="thick " data-b-l-s ="thick " data-b-b-s ="thick " data-b-r-s ="thick " data-b-t-c ="FF00FF00 " data-b-l-c ="FF00FF00 " data-b-b-c ="FF00FF00 " data-b-r-c ="FF00FF00 ">
84+ All borders separately
85+ </ td >
86+ </ tr >
87+ < tr data-exclude ="true ">
88+ < td > Excluded row</ td >
89+ < td > Something</ td >
90+ </ tr >
91+ < tr >
92+ < td > Included Cell</ td >
93+ < td data-exclude ="true "> Excluded Cell</ td >
94+ < td > Included Cell</ td >
95+ </ tr >
96+ </ tbody >
97+ </ table >
98+
99+ < button id ="button-excel " onclick ="exportExcel() "> Create Excel</ button >
100+
101+ < table id ="sampletable2 " border ="1 ">
102+ < tr >
103+ < th colspan ="6 " data-b-a-s ="thin " data-a-h ="center " data-f-bold ="true ">
104+ Things
105+ </ th >
106+ </ tr >
107+ < tr >
108+ < th colspan ="2 "> Letters</ th >
109+ < th colspan ="2 "> Numbers</ th >
110+ < th colspan ="2 "> Sp chars</ th >
111+ </ tr >
112+ < tr >
113+ < td rowspan ="2 "> A</ td >
114+ < td > B</ td >
115+ < td > 1</ td >
116+ < td > 2</ td >
117+ < td > *</ td >
118+ < td > #</ td >
119+ </ tr >
120+ < tr >
121+ < td > Y</ td >
122+ < td > 3</ td >
123+ < td > 4</ td >
124+ < td > $</ td >
125+ < td > %</ td >
126+ </ tr >
127+ < tr >
128+ < td rowspan ="2 "> C</ td >
129+ < td > B</ td >
130+ < td > 1</ td >
131+ < td > 2</ td >
132+ < td > *</ td >
133+ < td > #</ td >
134+ </ tr >
135+ < tr >
136+ < td > Y</ td >
137+ < td > 3</ td >
138+ < td > 4</ td >
139+ < td > $</ td >
140+ < td > %</ td >
141+ </ tr >
142+ < tr >
143+ < td rowspan ="2 "> D</ td >
144+ < td > B</ td >
145+ < td > 1</ td >
146+ < td > 2</ td >
147+ < td > *</ td >
148+ < td > #</ td >
149+ </ tr >
150+ < tr >
151+ < td > Y</ td >
152+ < td > 3</ td >
153+ < td > 4</ td >
154+ < td > $</ td >
155+ < td > %</ td >
156+ </ tr >
157+ </ table >
158+
159+ < br >
160+ < button id ="toExcel "> Convert to Excel table 2</ button >
161+ </ div >
162+ < script src ="/tableToExcel.517b1af9.js "> </ script >
163+
164+ < script > function exportExcel ( ) {
165+ TableToExcel . convert ( document . getElementById ( "simpleTable1" ) ) ;
166+ }
167+
168+ var button = document . querySelector ( "#toExcel" ) ;
169+ button . addEventListener ( "click" , function ( e ) {
170+ var table = document . querySelector ( "#sampletable2" ) ;
171+ TableToExcel . convert ( table ) ;
172+ } ) ; </ script >
173+ </ body >
174+ </ html >
0 commit comments