aboutsummaryrefslogtreecommitdiffhomepage
path: root/inc/3rdparty/libraries/mpdf/examples/example05_tables.php
diff options
context:
space:
mode:
Diffstat (limited to 'inc/3rdparty/libraries/mpdf/examples/example05_tables.php')
-rw-r--r--inc/3rdparty/libraries/mpdf/examples/example05_tables.php1017
1 files changed, 1017 insertions, 0 deletions
diff --git a/inc/3rdparty/libraries/mpdf/examples/example05_tables.php b/inc/3rdparty/libraries/mpdf/examples/example05_tables.php
new file mode 100644
index 00000000..997614a5
--- /dev/null
+++ b/inc/3rdparty/libraries/mpdf/examples/example05_tables.php
@@ -0,0 +1,1017 @@
1<?php
2
3
4
5$html = '
6<h1>mPDF</h1>
7<h2>Tables</h2>
8<h3>CSS Styles</h3>
9<p>The CSS properties for tables and cells is increased over that in html2fpdf. It includes recognition of THEAD, TFOOT and TH.<br />See below for other facilities such as autosizing, and rotation.</p>
10<table border="1">
11<tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr>
12
13<tr><td>Row 2</td>
14
15<td style="background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;">
16<p>This is data p</p>
17This is data out of p
18<p style="font-weight:bold; font-size:20pt; background-color:#FFBBFF;">This is bold data p</p>
19<b>This is bold data out of p</b><br />
20This is normal data after br
21<h3>H3 in a table</h3>
22<div>This is data div</div>
23This is data out of div
24<div style="font-weight:bold;">This is data div (bold)</div>
25This is data out of div
26</td>
27
28
29<td><p>More data</p><p style="font-size:12pt;">This is large text</p></td></tr>
30<tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr>
31<tr><td><p>Row 4 &lt;td&gt; cell</p></td><td>This is data</td><td><p>This is data</p></td></tr>
32<tr><td>Row 5</td><td>Also data</td><td>Also data</td></tr>
33<tr><td>Row 6</td><td>Also data</td><td>Also data</td></tr>
34<tr><td>Row 7</td><td>Also data</td><td>Also data</td></tr>
35<tr><td>Row 8</td><td>Also data</td><td>Also data</td></tr>
36</tbody></table>
37
38<p>This table has padding-left and -right set to 5mm i.e. padding within the cells. Also border colour and style, font family and size are set by <acronym>CSS</acronym>.</p>
39<table align="right" style="border: 1px solid #880000; font-family: Mono; font-size: 7pt; " class="widecells">
40<tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr>
41<tr><td>Row 2</td><td><p>This is data p</p></td><td><p>More data</p></td></tr>
42<tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr>
43<tr><td><p>Row 4 &lt;td&gt; cell</p></td><td>This is data</td><td><p>This is data</p></td></tr>
44<tr><td>Row 5</td><td>Also data</td><td>Also data</td></tr>
45<tr><td>Row 6</td><td>Also data</td><td>Also data</td></tr>
46<tr><td>Row 7</td><td>Also data</td><td>Also data</td></tr>
47<tr><td>Row 8</td><td>Also data</td><td>Also data</td></tr>
48</tbody></table>
49
50<p>This table has padding-top and -bottom set to 3mm i.e. padding within the cells. Also background-, border colour and style, font family and size are set by in-line <acronym>CSS</acronym>.</p>
51<table style="border: 1px solid #880000; background-color: #BBCCDD; font-family: Mono; font-size: 7pt; " class="tallcells">
52<tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr>
53<tr><td>Row 2</td><td><p>This is data p</p></td><td><p>More data</p></td></tr>
54<tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr>
55</tbody></table>
56
57
58<h3 style="margin-top: 20pt; margin-collapse:collapse;">Table Styles</h3>
59<p>The style sheet used for these examples shows some of the table styles I use on my website. The property \'topntail\' defined by a border-type definition e.g. "1px solid #880000" puts a border at the top and bottom of the table, and also below a header row (thead) if defined. Note also that &lt;thead&gt; will automatically turn on the header-repeat i.e. reproduce the header row at the top of each page.</p>
60<p>bpmTopic Class</p>
61<table class="bpmTopic"><thead></thead><tbody>
62<tr>
63<td>Row 1</td>
64<td>This is data</td>
65<td>This is data</td>
66</tr>
67<tr>
68<td>Row 2</td>
69<td>
70<p>This is data p</p>
71</td>
72<td>
73<p>More data</p>
74</td>
75</tr>
76<tr>
77<td>
78<p>Row 3</p>
79</td>
80<td>
81<p>This is long data</p>
82</td>
83<td>This is data</td>
84</tr>
85<tr>
86<td>
87<p>Row 4 &lt;td&gt; cell</p>
88</td>
89<td>This is data</td>
90<td>
91<p>This is data</p>
92</td>
93</tr>
94<tr>
95<td>Row 5</td>
96<td>Also data</td>
97<td>Also data</td>
98</tr>
99<tr>
100<td>Row 6</td>
101<td>Also data</td>
102<td>Also data</td>
103</tr>
104<tr>
105<td>Row 7</td>
106<td>Also data</td>
107<td>Also data</td>
108</tr>
109<tr>
110<td>Row 8</td>
111<td>Also data</td>
112<td>Also data</td>
113</tr>
114</tbody></table>
115
116<p>&nbsp;</p>
117
118<p>bpmTopic<b>C</b> Class (centered) Odd and Even rows</p>
119<table class="bpmTopicC"><thead>
120<tr class="headerrow"><th>Col/Row Header</th>
121<td>
122<p>Second column header p</p>
123</td>
124<td>Third column header</td>
125</tr>
126</thead><tbody>
127<tr class="oddrow"><th>Row header 1</th>
128<td>This is data</td>
129<td>This is data</td>
130</tr>
131<tr class="evenrow"><th>Row header 2</th>
132<td>
133<p>This is data p</p>
134</td>
135<td>
136<p>This is data</p>
137</td>
138</tr>
139<tr class="oddrow"><th>
140<p>Row header 3</p>
141</th>
142<td>
143<p>This is long data</p>
144</td>
145<td>This is data</td>
146</tr>
147<tr class="evenrow"><th>
148<p>Row header 4</p>
149<p>&lt;th&gt; cell acting as header</p>
150</th>
151<td>This is data</td>
152<td>
153<p>This is data</p>
154</td>
155</tr>
156<tr class="oddrow"><th>Row header 5</th>
157<td>Also data</td>
158<td>Also data</td>
159</tr>
160<tr class="evenrow"><th>Row header 6</th>
161<td>Also data</td>
162<td>Also data</td>
163</tr>
164<tr class="oddrow"><th>Row header 7</th>
165<td>Also data</td>
166<td>Also data</td>
167</tr>
168<tr class="evenrow"><th>Row header 8</th>
169<td>Also data</td>
170<td>Also data</td>
171</tr>
172</tbody></table>
173
174<p>&nbsp;</p>
175
176<p>bpmTopnTail Class </p>
177<table class="bpmTopnTail"><thead></thead><tbody>
178<tr>
179<td>Row 1</td>
180<td>This is data</td>
181<td>This is data</td>
182</tr>
183<tr>
184<td>Row 2</td>
185<td>
186<p>This is data p</p>
187</td>
188<td>
189<p>This is data</p>
190</td>
191</tr>
192<tr>
193<td>
194<p>Row 3</p>
195</td>
196<td>
197<p>This is long data</p>
198</td>
199<td>This is data</td>
200</tr>
201<tr>
202<td>
203<p>Row 4 &lt;td&gt; cell</p>
204</td>
205<td>This is data</td>
206<td>
207<p>This is data</p>
208</td>
209</tr>
210<tr>
211<td>Row 5</td>
212<td>Also data</td>
213<td>Also data</td>
214</tr>
215<tr>
216<td>Row 6</td>
217<td>Also data</td>
218<td>Also data</td>
219</tr>
220<tr>
221<td>Row 7</td>
222<td>Also data</td>
223<td>Also data</td>
224</tr>
225<tr>
226<td>Row 8</td>
227<td>Also data</td>
228<td>Also data</td>
229</tr>
230</tbody></table>
231<p>&nbsp;</p>
232<p>bpmTopnTail<b>C</b> Class (centered) Odd and Even rows</p>
233<table class="bpmTopnTailC"><thead>
234<tr class="headerrow"><th>Col/Row Header</th>
235<td>
236<p>Second column header p</p>
237</td>
238<td>Third column header</td>
239</tr>
240</thead><tbody>
241<tr class="oddrow"><th>Row header 1</th>
242<td>This is data</td>
243<td>This is data</td>
244</tr>
245<tr class="evenrow"><th>Row header 2</th>
246<td>
247<p>This is data p</p>
248</td>
249<td>
250<p>This is data</p>
251</td>
252</tr>
253<tr class="oddrow"><th>
254<p>Row header 3</p>
255</th>
256<td>
257<p>This is long data</p>
258</td>
259<td>This is data</td>
260</tr>
261<tr class="evenrow"><th>
262<p>Row header 4</p>
263<p>&lt;th&gt; cell acting as header</p>
264</th>
265<td>This is data</td>
266<td>
267<p>This is data</p>
268</td>
269</tr>
270<tr class="oddrow"><th>Row header 5</th>
271<td>Also data</td>
272<td>Also data</td>
273</tr>
274<tr class="evenrow"><th>Row header 6</th>
275<td>Also data</td>
276<td>Also data</td>
277</tr>
278<tr class="oddrow"><th>Row header 7</th>
279<td>Also data</td>
280<td>Also data</td>
281</tr>
282<tr class="evenrow"><th>Row header 8</th>
283<td>Also data</td>
284<td>Also data</td>
285</tr>
286</tbody></table>
287
288<p>&nbsp;</p>
289
290<p>TopnTail Class</p>
291<table class="bpmTopnTail"><thead>
292<tr class="headerrow"><th>Col and Row Header</th>
293<td>
294<p>Second</p>
295<p>column</p>
296</td>
297<td class="pmhTopRight">Top right align</td>
298</tr>
299</thead><tbody>
300<tr class="oddrow"><th>
301<p>Row header 1 p</p>
302</th>
303<td>This is data</td>
304<td>This is data</td>
305</tr>
306<tr class="evenrow"><th>Row header 2</th>
307<td class="pmhBottomRight"><b><i>Bottom right align</i></b></td>
308<td>
309<p>This is data. Can use</p>
310<p><b>bold</b> <i>italic </i><sub>sub</sub> or <sup>sup</sup> text</p>
311</td>
312</tr>
313<tr class="oddrow"><th class="pmhBottomRight">
314<p>Bottom right align</p>
315</th>
316<td class="pmhMiddleCenter" style="border: #000000 1px solid">
317<p>This is data. This cell</p>
318<p>uses Cell Styles to set</p>
319<p>the borders.</p>
320<p>All borders are collapsible</p>
321<p>in mPDF.</p>
322</td>
323<td>This is data</td>
324</tr>
325<tr class="evenrow"><th>Row header 4</th>
326<td>
327<p>This is data p</p>
328</td>
329<td>More data</td>
330</tr>
331<tr class="oddrow"><th>Row header 5</th>
332<td colspan="2" class="pmhTopCenter">Also data merged and centered</td>
333</tr>
334</tbody></table>
335
336<p>&nbsp;</p>
337
338<h4>Lists in a Table</h4>
339<table class="bpmTopnTail"><thead>
340<tr class="headerrow"><th>Col and Row Header</th>
341<td>
342<p>Second</p>
343<p>column</p>
344</td>
345<td class="pmhTopRight">Top right align</td>
346</tr>
347</thead><tbody>
348<tr class="oddrow"><th>
349<p>Row header 1 p</p>
350</th>
351<td>This is data</td>
352<td>This is data</td>
353</tr>
354<tr class="evenrow"><th>Row header 2</th>
355<td>
356<ol>
357<li>Item 1</li>
358<li>Item 2
359<ol type="a">
360<li>Subitem of ordered list</li>
361<li>Subitem 2
362<ol type="i">
363<li>Level 3 subitem</li>
364<li>Level 3 subitem</li>
365</ol>
366</li>
367</ol>
368</li>
369<li>Item 3</li>
370<li>Another Item</li>
371<li>Subitem
372<ol>
373<li>Level 3 subitem</li>
374</ol>
375</li>
376<li>Another Item</li>
377</ol>
378</td>
379<td>
380Unordered list:
381<ul>
382<li>Item 1</li>
383<li>Item 2
384<ul>
385<li>Subitem of unordered list</li>
386<li>Subitem 2
387<ul>
388<li>Level 3 subitem</li>
389<li>Level 3 subitem</li>
390<li>Level 3 subitem</li>
391</ul>
392</li>
393</ul>
394</li>
395<li>Item 3</li>
396</ul>
397</td>
398</tr>
399</tbody></table>
400<p>&nbsp;</p>
401
402
403<h4>Automatic Column Width</h4>
404<table class="bpmTopnTail"><tbody>
405<tr>
406<td>Causes</td>
407<td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br />
408Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br />
409Suspendisse potenti</td>
410</tr>
411<tr>
412<td>Mechanisms</td>
413<td>Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing.</td>
414</tr>
415</tbody></table>
416
417
418<h4>ColSpan & Rowspan</h4>
419<table class="bpmTopnTail"><tbody>
420<tr>
421<td rowspan="2">Causes</td>
422<td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br />
423Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br />
424Suspendisse potenti</td>
425</tr>
426<tr>
427<td>Fusce eleifend neque sit amet erat.<br />
428Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td>
429<td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br />
430Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td>
431</tr>
432</tbody></table>
433
434
435
436<h4>Table Header & Footer Rows</h4>
437<p>A table using a header row should repeat the header row across pages:</p>
438<p>bpmTopic<b>C</b> Class</p>
439<table class="bpmTopicC">
440<thead>
441<tr class="headerrow"><th>Col and Row Header</th>
442<td>
443<p>Second column header</p>
444</td>
445<td>Third column header</td>
446</tr>
447</thead>
448<tfoot>
449<tr class="footerrow"><th>Col and Row Footer</th>
450<td>
451<p>Second column footer</p>
452</td>
453<td>Third column footer</td>
454</tr>
455</tfoot>
456<tbody>
457<tr><th>Row header 1</th>
458<td>This is data</td>
459<td>This is data</td>
460</tr>
461<tr><th>Row header 2</th>
462<td>This is data</td>
463<td>
464<p>This is data</p>
465</td>
466</tr>
467<tr><th>
468<p>Row header 3</p>
469</th>
470<td>
471<p>This is data</p>
472</td>
473<td>This is data</td>
474</tr>
475<tr><th>Row header 4</th>
476<td>This is data</td>
477<td>
478<p>This is data</p>
479</td>
480</tr>
481<tr><th>Row header 5</th>
482<td>Also data</td>
483<td>Also data</td>
484</tr>
485<tr><th>Row header 6</th>
486<td>Also data</td>
487<td>Also data</td>
488</tr>
489<tr><th>Row header 7</th>
490<td>Also data</td>
491<td>Also data</td>
492</tr>
493<tr><th>Row header 8</th>
494<td>Also data</td>
495<td>Also data</td>
496</tr>
497<tr><th>Row header 9</th>
498<td>Also data</td>
499<td>Also data</td>
500</tr>
501<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
502<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
503<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
504<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
505<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
506<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
507<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
508<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
509<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
510<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
511<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
512<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
513<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
514<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
515<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
516<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
517<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
518<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
519<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
520<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
521<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
522<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
523<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
524<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
525<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
526<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
527<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
528<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
529<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
530<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
531<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
532<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
533<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
534<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
535<tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr>
536</tbody></table>
537<p>&nbsp;</p>
538
539<h3>Autosizing Tables</h3>
540<p>Periodic Table of elements. Tables are set by default to reduce font size if complete words will not fit inside each cell, to a maximum of 1/1.4 * the set font-size. This value can be changed by setting $mpdf->shrink_tables_to_fit=1.8 or using html attribute &lt;table autosize="1.8"&gt;.</p>
541
542<h5>Periodic Table</h5>
543
544<table style="border:1px solid #000000;" cellPadding="9"><thead>
545<tr><th>1A</th><th>2A</th><th>3B</th><th>4B</th><th>5B</th><th>6B</th><th>7B</th><th>8B</th><th>8B</th><th>8B</th><th>1B</th><th>2B</th><th>3A</th><th>4A</th><th>5A</th><th>6A</th><th>7A</th><th>8A</th></tr></thead><tbody>
546<tr>
547<td colspan="18"></td>
548</tr>
549<tr>
550<td>H </td>
551<td colspan="16"></td>
552<td>He </td>
553</tr>
554<tr>
555<td>Li </td>
556<td>Be </td>
557<td colspan="10"></td>
558<td>B </td>
559<td>C </td>
560<td>N </td>
561<td>O </td>
562<td>F </td>
563<td>Ne </td>
564</tr>
565<tr>
566<td>Na </td>
567<td>Mg </td>
568<td colspan="10"></td>
569<td>Al </td>
570<td>Si </td>
571<td>P </td>
572<td>S </td>
573<td>Cl </td>
574<td>Ar </td>
575</tr>
576<tr>
577<td>K </td>
578<td>Ca </td>
579<td>Sc </td>
580<td>Ti </td>
581<td>V </td>
582<td>Cr </td>
583<td>Mn </td>
584<td>Fe </td>
585<td>Co </td>
586<td>Ni </td>
587<td>Cu </td>
588<td>Zn </td>
589<td>Ga </td>
590<td>Ge </td>
591<td>As </td>
592<td>Se </td>
593<td>Br </td>
594<td>Kr </td>
595</tr>
596<tr>
597<td>Rb </td>
598<td>Sr </td>
599<td>Y </td>
600<td>Zr </td>
601<td>Nb </td>
602<td>Mo </td>
603<td>Tc </td>
604<td>Ru </td>
605<td>Rh </td>
606<td>Pd </td>
607<td>Ag </td>
608<td>Cd </td>
609<td>In </td>
610<td>Sn </td>
611<td>Sb </td>
612<td>Te </td>
613<td>I </td>
614<td>Xe </td>
615</tr>
616<tr>
617<td>Cs </td>
618<td>Ba </td>
619<td>La </td>
620<td>Hf </td>
621<td>Ta </td>
622<td>W </td>
623<td>Re </td>
624<td>Os </td>
625<td>Ir </td>
626<td>Pt </td>
627<td>Au </td>
628<td>Hg </td>
629<td>Tl </td>
630<td>Pb </td>
631<td>Bi </td>
632<td>Po </td>
633<td>At </td>
634<td>Rn </td>
635</tr>
636<tr>
637<td>Fr </td>
638<td>Ra </td>
639<td>Ac </td>
640<td colspan="15"></td>
641</tr>
642<tr>
643<td colspan="18"></td>
644</tr>
645<tr>
646<td colspan="3"></td>
647<td>Ce </td>
648<td>Pr </td>
649<td>Nd </td>
650<td>Pm </td>
651<td>Sm </td>
652<td>Eu </td>
653<td>Gd </td>
654<td>Tb </td>
655<td>Dy </td>
656<td>Ho </td>
657<td>Er </td>
658<td>Tm </td>
659<td>Yb </td>
660<td>Lu </td>
661<td></td>
662</tr>
663<tr>
664<td colspan="3"></td>
665<td>Th </td>
666<td>Pa </td>
667<td>U </td>
668<td>Np </td>
669<td>Pu </td>
670<td>Am </td>
671<td>Cm </td>
672<td>Bk </td>
673<td>Cf </td>
674<td>Es </td>
675<td>Fm </td>
676<td>Md </td>
677<td>No </td>
678<td>Lr </td>
679<td></td>
680</tr>
681</tbody></table>
682
683<pagebreak />
684
685<h3>Rotating Tables</h3>
686<p>This is set to rotate -90 degrees (counterclockwise).</p>
687
688<h5>Periodic Table</h5>
689<p>
690<table rotate="-90" class="bpmClearC"><thead>
691<tr><th>1A</th><th>2A</th><th>3B</th><th>4B</th><th>5B</th><th>6B</th><th>7B</th><th>8B</th><th>8B</th><th>8B</th><th>1B</th><th>2B</th><th>3A</th><th>4A</th><th>5A</th><th>6A</th><th>7A</th><th>8A</th></tr></thead><tbody>
692<tr>
693<td></td>
694<td colspan="18"></td>
695</tr>
696<tr>
697<td>H </td>
698<td colspan="15"></td>
699<td></td>
700<td>He </td>
701</tr>
702<tr>
703<td>Li </td>
704<td>Be </td>
705<td colspan="10"></td>
706<td>B </td>
707<td>C </td>
708<td>N </td>
709<td>O </td>
710<td>F </td>
711<td>Ne </td>
712</tr>
713<tr>
714<td>Na </td>
715<td>Mg </td>
716<td colspan="10"></td>
717<td>Al </td>
718<td>Si </td>
719<td>P </td>
720<td>S </td>
721<td>Cl </td>
722<td>Ar </td>
723</tr>
724<tr>
725<td>K </td>
726<td>Ca </td>
727<td>Sc </td>
728<td>Ti </td>
729<td>V </td>
730<td>Cr </td>
731<td>Mn </td>
732<td>Fe </td>
733<td>Co </td>
734<td>Ni </td>
735<td>Cu </td>
736<td>Zn </td>
737<td>Ga </td>
738<td>Ge </td>
739<td>As </td>
740<td>Se </td>
741<td>Br </td>
742<td>Kr </td>
743</tr>
744<tr>
745<td>Rb </td>
746<td>Sr </td>
747<td>Y </td>
748<td>Zr </td>
749<td>Nb </td>
750<td>Mo </td>
751<td>Tc </td>
752<td>Ru </td>
753<td>Rh </td>
754<td>Pd </td>
755<td>Ag </td>
756<td>Cd </td>
757<td>In </td>
758<td>Sn </td>
759<td>Sb </td>
760<td>Te </td>
761<td>I </td>
762<td>Xe </td>
763</tr>
764<tr>
765<td>Cs </td>
766<td>Ba </td>
767<td>La </td>
768<td>Hf </td>
769<td>Ta </td>
770<td>W </td>
771<td>Re </td>
772<td>Os </td>
773<td>Ir </td>
774<td>Pt </td>
775<td>Au </td>
776<td>Hg </td>
777<td>Tl </td>
778<td>Pb </td>
779<td>Bi </td>
780<td>Po </td>
781<td>At </td>
782<td>Rn </td>
783</tr>
784<tr>
785<td>Fr </td>
786<td>Ra </td>
787<td>Ac </td>
788</tr>
789<tr>
790<td></td>
791<td colspan="18"></td>
792</tr>
793<tr>
794<td colspan="3"></td>
795<td>Ce </td>
796<td>Pr </td>
797<td>Nd </td>
798<td>Pm </td>
799<td>Sm </td>
800<td>Eu </td>
801<td>Gd </td>
802<td>Tb </td>
803<td>Dy </td>
804<td>Ho </td>
805<td>Er </td>
806<td>Tm </td>
807<td>Yb </td>
808<td>Lu </td>
809<td></td>
810</tr>
811<tr>
812<td colspan="3"></td>
813<td>Th </td>
814<td>Pa </td>
815<td>U </td>
816<td>Np </td>
817<td>Pu </td>
818<td>Am </td>
819<td>Cm </td>
820<td>Bk </td>
821<td>Cf </td>
822<td>Es </td>
823<td>Fm </td>
824<td>Md </td>
825<td>No </td>
826<td>Lr </td>
827<td></td>
828</tr>
829</tbody></table>
830<p>&nbsp;</p>
831
832<pagebreak />
833<h3>Rotated text in Table Cells</h3>
834
835<h5>Periodic Table</h5>
836<table>
837<thead>
838<tr text-rotate="45">
839<th><p>Element type 1A</p><p>Second line</p><th><p>Element type longer 2A</p></th>
840<th>Element type 3B</th>
841<th>Element type 4B</th>
842<th>Element type 5B</th>
843<th>Element type 6B</th>
844<th>7B</th><th>8B</th>
845<th>Element type 8B R</th>
846<th>8B</th>
847<th>Element <span>type</span> 1B</th>
848<th>2B</th>
849<th>Element type 3A</th>
850<th>Element type 4A</th>
851<th>Element type 5A</th>
852<th>Element type 6A</th>
853<th>7A</th>
854<th>Element type 8A</th>
855</tr>
856</thead>
857
858<tbody>
859<tr>
860<td>H</td>
861<td colspan="15"></td>
862<td></td>
863<td>He </td>
864</tr>
865<tr>
866<td>Li </td>
867<td>Be </td>
868<td colspan="10"></td>
869<td>B </td>
870<td>C </td>
871<td>N </td>
872<td>O </td>
873<td>F </td>
874<td>Ne </td>
875</tr>
876<tr>
877<td>Na </td>
878<td>Mg </td>
879<td colspan="10"></td>
880<td>Al </td>
881<td>Si </td>
882<td>P </td>
883<td>S </td>
884<td>Cl </td>
885<td>Ar </td>
886</tr>
887<tr style="text-rotate: 45">
888<td>K </td>
889<td>Ca </td>
890<td>Sc </td>
891<td>Ti</td>
892<td>Va</td>
893<td>Cr</td>
894<td>Mn</td>
895<td>Fe</td>
896<td>Co</td>
897<td>Ni </td>
898<td>Cu </td>
899<td>Zn </td>
900<td>Ga </td>
901<td>Ge </td>
902<td>As </td>
903<td>Se </td>
904<td>Br </td>
905<td>Kr </td>
906</tr>
907<tr>
908<td>Rb </td>
909<td>Sr </td>
910<td>Y </td>
911<td>Zr </td>
912<td>Nb </td>
913<td>Mo </td>
914<td>Tc </td>
915<td>Ru </td>
916<td style="text-align:right; ">Rh</td>
917<td>Pd </td>
918<td>Ag </td>
919<td>Cd </td>
920<td>In </td>
921<td>Sn </td>
922<td>Sb </td>
923<td>Te </td>
924<td>I </td>
925<td>Xe </td>
926</tr>
927<tr>
928<td>Cs </td>
929<td>Ba </td>
930<td>La </td>
931<td>Hf </td>
932<td>Ta </td>
933<td>W </td>
934<td>Re </td>
935<td>Os </td>
936<td>Ir </td>
937<td>Pt </td>
938<td>Au </td>
939<td>Hg </td>
940<td>Tl </td>
941<td>Pb </td>
942<td>Bi </td>
943<td>Po </td>
944<td>At </td>
945<td>Rn </td>
946</tr>
947<tr>
948<td>Fr </td>
949<td>Ra </td>
950<td colspan="16">Ac </td>
951</tr>
952<tr>
953<td colspan="3"></td>
954<td>Ce </td>
955<td>Pr </td>
956<td>Nd </td>
957<td>Pm </td>
958<td>Sm </td>
959<td>Eu </td>
960<td>Gd </td>
961<td>Tb </td>
962<td>Dy </td>
963<td>Ho </td>
964<td>Er </td>
965<td>Tm </td>
966<td>Yb </td>
967<td>Lu </td>
968<td></td>
969</tr>
970<tr>
971<td colspan="3"></td>
972<td>Th </td>
973<td>Pa </td>
974<td>U </td>
975<td>Np </td>
976<td>Pu </td>
977<td>Am </td>
978<td>Cm </td>
979<td>Bk </td>
980<td>Cf </td>
981<td>Es </td>
982<td>Fm </td>
983<td>Md </td>
984<td>No </td>
985<td>Lr </td>
986<td></td>
987</tr>
988</tbody></table>
989<p>&nbsp;</p>
990
991';
992
993//==============================================================
994//==============================================================
995//==============================================================
996include("../mpdf.php");
997
998$mpdf=new mPDF('c','A4','','',32,25,27,25,16,13);
999
1000$mpdf->SetDisplayMode('fullpage');
1001
1002$mpdf->list_indent_first_level = 0; // 1 or 0 - whether to indent the first level of a list
1003
1004// LOAD a stylesheet
1005$stylesheet = file_get_contents('mpdfstyletables.css');
1006$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
1007
1008$mpdf->WriteHTML($html,2);
1009
1010$mpdf->Output('mpdf.pdf','I');
1011exit;
1012//==============================================================
1013//==============================================================
1014//==============================================================
1015
1016
1017?> \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2024-07-03 03:36:44 +0000