aboutsummaryrefslogtreecommitdiffhomepage
path: root/inc/3rdparty/libraries/mpdf/examples/example07_tables_borders.php
diff options
context:
space:
mode:
Diffstat (limited to 'inc/3rdparty/libraries/mpdf/examples/example07_tables_borders.php')
-rw-r--r--inc/3rdparty/libraries/mpdf/examples/example07_tables_borders.php500
1 files changed, 0 insertions, 500 deletions
diff --git a/inc/3rdparty/libraries/mpdf/examples/example07_tables_borders.php b/inc/3rdparty/libraries/mpdf/examples/example07_tables_borders.php
deleted file mode 100644
index a0cf4fcb..00000000
--- a/inc/3rdparty/libraries/mpdf/examples/example07_tables_borders.php
+++ /dev/null
@@ -1,500 +0,0 @@
1<?php
2
3
4
5$html = '
6<html><head>
7<style>
8table {
9 font-family: sans-serif;
10 border: 7mm solid aqua;
11 border-collapse: collapse;
12}
13table.table2 {
14 border: 2mm solid aqua;
15 border-collapse: collapse;
16}
17table.layout {
18 border: 0mm solid black;
19 border-collapse: collapse;
20}
21td.layout {
22 text-align: center;
23 border: 0mm solid black;
24}
25td {
26 padding: 3mm;
27 border: 2mm solid blue;
28 vertical-align: middle;
29}
30td.redcell {
31 border: 3mm solid red;
32}
33td.redcell2 {
34 border: 2mm solid red;
35}
36</style>
37</head>
38<body>
39
40<h1>mPDF</h1>
41<h2>Tables - Borders</h2>
42<h4>mPDF</h4>
43
44Border conflict resolution in tables with border-collapse set to "collapse". mPDF follows the rules set by CSS as well as possible, but as you can see, there is some difference in interpretation of the rules:
45
46<table class="layout">
47
48<tr>
49 <td class="layout">mPDF</td>
50 <td class="layout">Internet Explorer<br />IE 7</td>
51 <td class="layout">Firefox<br />v 3.0.3</td>
52</tr>
53
54<tr>
55 <td class="layout">
56
57
58<table>
59<tr>
60 <td style="border:5mm solid green">1</td>
61 <td>1</td>
62 <td>1</td>
63</tr>
64<tr>
65 <td rowspan="2" class="redcell" style="border:5mm solid teal">1</td>
66 <td style="border:3mm solid pink">1</td>
67 <td style="border:5mm solid purple">1</td>
68</tr>
69<tr>
70 <td style="border:2mm solid gray">1</td>
71 <td>1</td>
72</tr>
73<tr>
74 <td class="redcell">1</td>
75 <td>1</td>
76 <td>1</td>
77</tr>
78</table>
79
80
81
82 </td>
83
84 <td class="layout" rowspan="3"><img src="bordersIE.jpg" /></td>
85 <td class="layout" rowspan="3"><img src="bordersFF.jpg" /></td>
86
87
88</tr>
89
90<tr>
91 <td class="layout" style="text-align: left">
92
93<table style="border: 2.5mm solid aqua">
94<tr>
95 <td class="redcell">1</td>
96 <td>1</td>
97 <td>1</td>
98</tr>
99<tr>
100 <td rowspan="2" class="redcell" style="border:5mm solid green">1</td>
101 <td>1</td>
102 <td>1</td>
103</tr>
104<tr>
105 <td>1</td>
106 <td>1</td>
107</tr>
108<tr>
109 <td class="redcell">1</td>
110 <td>1</td>
111 <td>1</td>
112</tr>
113</table>
114
115
116 </td>
117</tr>
118
119<tr>
120 <td class="layout">
121
122<table>
123<tr>
124 <td class="redcell">1</td>
125 <td>1</td>
126 <td>1</td>
127</tr>
128<tr>
129 <td rowspan="2" >1</td>
130 <td>1</td>
131 <td>1</td>
132</tr>
133<tr>
134 <td style="border:5mm solid yellow">1</td>
135 <td>1</td>
136</tr>
137<tr>
138 <td class="redcell">1</td>
139 <td>1</td>
140 <td>1</td>
141</tr>
142</table>
143
144
145 </td>
146</tr>
147</table>
148
149
150<pagebreak />
151
152
153<table class="layout">
154
155<tr>
156 <td class="layout">mPDF</td>
157 <td class="layout">mPDF &lt; v3</td>
158 <td class="layout">Internet Explorer<br />IE 7</td>
159 <td class="layout">Firefox<br />v 3.0.3</td>
160</tr>
161
162<tr>
163 <td class="layout">
164
165
166<table class="table2">
167<tr>
168 <td style="border:2mm solid green">1</td>
169 <td>1</td>
170 <td>1</td>
171</tr>
172<tr>
173 <td rowspan="2" class="redcell2" style="border:2mm solid teal">1</td>
174 <td style="border:2mm solid pink">1</td>
175 <td style="border:2mm solid purple">1</td>
176</tr>
177<tr>
178 <td style="border:2mm solid gray">1</td>
179 <td>1</td>
180</tr>
181<tr>
182 <td class="redcell2">1</td>
183 <td>1</td>
184 <td>1</td>
185</tr>
186</table>
187
188
189
190 </td>
191
192 <td class="layout" rowspan="3"><img src="bordersMPDF2.jpg" /></td>
193 <td class="layout" rowspan="3"><img src="borders2IE.jpg" /></td>
194 <td class="layout" rowspan="3"><img src="borders2FF.jpg" /></td>
195
196
197</tr>
198
199<tr>
200 <td class="layout" style="text-align: left">
201
202<table style="border: 2mm solid aqua" class="table2">
203<tr>
204 <td class="redcell2">1</td>
205 <td>1</td>
206 <td>1</td>
207</tr>
208<tr>
209 <td rowspan="2" class="redcell2" style="border:2mm solid green">1</td>
210 <td>1</td>
211 <td>1</td>
212</tr>
213<tr>
214 <td>1</td>
215 <td>1</td>
216</tr>
217<tr>
218 <td class="redcell2">1</td>
219 <td>1</td>
220 <td>1</td>
221</tr>
222</table>
223
224
225 </td>
226</tr>
227
228<tr>
229 <td class="layout">
230
231<table class="table2">
232<tr>
233 <td class="redcell2">1</td>
234 <td>1</td>
235 <td>1</td>
236</tr>
237<tr>
238 <td rowspan="2" >1</td>
239 <td>1</td>
240 <td>1</td>
241</tr>
242<tr>
243 <td style="border:2mm solid yellow">1</td>
244 <td>1</td>
245</tr>
246<tr>
247 <td class="redcell2">1</td>
248 <td>1</td>
249 <td>1</td>
250</tr>
251</table>
252
253
254 </td>
255</tr>
256</table>
257
258
259<pagebreak />
260<h4>mPDF</h4>
261
262<table style="border: 10px solid orange">
263<tr>
264<td style="border: 10px solid orange">Data</td>
265<td style="border: 10px double red">double red</td>
266<td style="border: 10px dashed yellow">dashed yellow</td>
267<td style="border: 10px dotted green">dotted green</td>
268<td style="border: 10px solid orange">Data</td>
269</tr>
270<tr>
271<td style="border: 10px solid orange">Data</td>
272<td style="border: 10px hidden orange">hidden </td>
273<td style="border: 10px solid orange">Data</td>
274<td style="border: 10px none orange">none</td>
275<td style="border: 10px solid orange">Data</td>
276</tr>
277<tr>
278<td style="border: 10px solid orange">Data</td>
279<td style="border: 10px ridge blue">ridge blue</td>
280<td style="border: 10px none orange">none </td>
281<td style="border: 10px none orange">none </td>
282<td style="border: 10px solid orange">Data</td>
283</tr>
284<tr>
285<td style="border: 10px solid orange">Data</td>
286<td style="border: 10px none orange">none </td>
287<td style="border: 10px groove pink">groove pink</td>
288<td style="border: 10px none orange">none </td>
289<td style="border: 10px solid orange">Data</td>
290</tr>
291<tr>
292<td style="border: 10px none orange">none </td>
293<td style="border: 10px inset gray">inset gray</td>
294<td style="border: 10px none orange">none </td>
295<td style="border: 10px outset purple">outset purple</td>
296<td style="border: 10px none orange">none </td>
297</tr>
298</table>
299
300<h4>Firefox</h4>
301<img src="borders3FF.jpg" />
302
303<br />
304
305
306<h4>IE 7</h4>
307<img src="borders3IE.jpg" />
308
309<pagebreak />
310
311<div>mPDF</div>
312
313<table style="border: 10px solid orange; border-collapse: separate;">
314<tr>
315<td style="border: 10px solid orange">Data</td>
316<td style="border: 10px double red">double red</td>
317<td style="border: 10px dashed yellow">dashed yellow</td>
318<td style="border: 10px dotted green">dotted green</td>
319<td style="border: 10px solid orange">Data</td>
320</tr>
321<tr>
322<td style="border: 10px solid orange">Data</td>
323<td style="border: 10px hidden orange">hidden </td>
324<td style="border: 10px solid orange">Data</td>
325<td style="border: 10px none orange">none</td>
326<td style="border: 10px solid orange">Data</td>
327</tr>
328<tr>
329<td style="border: 10px solid orange">Data</td>
330<td style="border: 10px ridge blue">ridge blue</td>
331<td style="border: 10px none orange">none </td>
332<td style="border: 10px none orange">none </td>
333<td style="border: 10px solid orange">Data</td>
334</tr>
335<tr>
336<td style="border: 10px solid orange">Data</td>
337<td style="border: 10px none orange">none </td>
338<td style="border: 10px groove pink">groove pink</td>
339<td style="border: 10px none orange">none </td>
340<td style="border: 10px solid orange">Data</td>
341</tr>
342<tr>
343<td style="border: 10px none orange">none </td>
344<td style="border: 10px inset gray">inset gray</td>
345<td style="border: 10px none orange">none </td>
346<td style="border: 10px outset purple">outset purple</td>
347<td style="border: 10px none orange">none </td>
348</tr>
349</table>
350
351<div>Firefox</div>
352<img style="margin:0;" src="borders4FF.jpg" />
353
354
355
356<div>IE 7</div>
357<img style="margin:0;" src="borders4IE.jpg" />
358
359<pagebreak />
360
361
362<table style="border: 5px inset teal">
363<tr>
364<td style="border: 5px solid orange">solid orange</td>
365
366<td style="border: 0px none black">none</td>
367
368<td style="border: 5px double red">double red</td>
369
370<td style="border: 0px none black">none</td>
371
372<td style="border: 5px inset gray">inset gray</td>
373
374<td style="border: 0px none black">none</td>
375
376<td style="border: 5px outset purple">outset purple</td>
377
378<td style="border: 0px none black">none</td>
379
380<td style="border: 5px groove pink">groove pink</td>
381
382<td style="border: 0px none black">none</td>
383
384<td style="border: 5px ridge blue">ridge blue</td>
385</tr>
386</table>
387
388
389<table style="border: 5px inset gray; border-collapse: separate;">
390<tr>
391<td style="border: 5px solid orange">solid orange</td>
392<td style="border: 0px none black">none</td>
393<td style="border: 5px double red">double red</td>
394<td style="border: 0px none black">none</td>
395<td style="border: 5px inset gray">inset gray</td>
396<td style="border: 0px none black">none</td>
397<td style="border: 5px outset purple">outset purple</td>
398<td style="border: 0px none black">none</td>
399<td style="border: 5px groove pink">groove pink</td>
400<td style="border: 0px none black">none</td>
401<td style="border: 5px ridge blue">ridge blue</td>
402</tr>
403</table>
404
405
406<table style="border: 5px outset purple; border-collapse: separate;">
407<tr>
408<td style="border: 5px solid orange">solid orange</td>
409<td style="border: 0px none black">none</td>
410<td style="border: 5px double red">double red</td>
411<td style="border: 0px none black">none</td>
412<td style="border: 5px inset gray">inset gray</td>
413<td style="border: 0px none black">none</td>
414<td style="border: 5px outset purple">outset purple</td>
415<td style="border: 0px none black">none</td>
416<td style="border: 5px groove pink">groove pink</td>
417<td style="border: 0px none black">none</td>
418<td style="border: 5px ridge blue">ridge blue</td>
419</tr>
420</table>
421
422
423<table style="border: 5px groove pink; border-collapse: separate;">
424<tr>
425<td style="border: 5px solid orange">solid orange</td>
426<td style="border: 0px none black">none</td>
427<td style="border: 5px double red">double red</td>
428<td style="border: 0px none black">none</td>
429<td style="border: 5px inset gray">inset gray</td>
430<td style="border: 0px none black">none</td>
431<td style="border: 5px outset purple">outset purple</td>
432<td style="border: 0px none black">none</td>
433<td style="border: 5px groove pink">groove pink</td>
434<td style="border: 0px none black">none</td>
435<td style="border: 5px ridge blue">ridge blue</td>
436</tr>
437</table>
438
439
440<table style="border: 5px ridge blue; border-collapse: separate;">
441<tr>
442<td style="border: 5px solid orange">solid orange</td>
443<td style="border: 0px none black">none</td>
444<td style="border: 5px double red">double red</td>
445<td style="border: 0px none black">none</td>
446<td style="border: 5px inset gray">inset gray</td>
447<td style="border: 0px none black">none</td>
448<td style="border: 5px outset purple">outset purple</td>
449<td style="border: 0px none black">none</td>
450<td style="border: 5px groove pink">groove pink</td>
451<td style="border: 0px none black">none</td>
452<td style="border: 5px ridge blue">ridge blue</td>
453</tr>
454</table>
455
456
457<table style="border: 5px double red; border-collapse: separate;">
458<tr>
459<td style="border: 5px solid orange">solid orange</td>
460<td style="border: 0px none black">none</td>
461<td style="border: 5px double red">double red</td>
462<td style="border: 0px none black">none</td>
463<td style="border: 5px inset gray">inset gray</td>
464<td style="border: 0px none black">none</td>
465<td style="border: 5px outset purple">outset purple</td>
466<td style="border: 0px none black">none</td>
467<td style="border: 5px groove pink">groove pink</td>
468<td style="border: 0px none black">none</td>
469<td style="border: 5px ridge blue">ridge blue</td>
470</tr>
471</table>
472
473</body>
474</html>
475';
476
477//==============================================================
478//==============================================================
479//==============================================================
480include("../mpdf.php");
481
482$mpdf=new mPDF('en-GB-x','A4','','',10,10,10,10,6,3);
483
484$mpdf->SetDisplayMode('fullpage');
485
486$mpdf->list_indent_first_level = 0; // 1 or 0 - whether to indent the first level of a list
487
488// LOAD a stylesheet
489$stylesheet = file_get_contents('mpdfstyletables.css');
490$mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text
491
492$mpdf->WriteHTML($html);
493
494$mpdf->Output();
495exit;
496//==============================================================
497//==============================================================
498//==============================================================
499
500?> \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2024-07-07 02:53:06 +0000