PageRenderTime 67ms CodeModel.GetById 28ms RepoModel.GetById 7ms app.codeStats 0ms

/php/mPDF/examples/example07_tables_borders.php

https://gitlab.com/henriquebotega/protesto
PHP | 498 lines | 480 code | 11 blank | 7 comment | 0 complexity | c041db92c962f9c9965a048757e87dfa MD5 | raw file
    

  1. <?php

    2. 

  2. 

    3. 

  3. 

    4. 

  4. 

    5. 

  5. $html = '

    6. 

  6. <html><head>

    7. 

  7. <style>

    8. 

  8. table {

    9. 

  9. 	font-family: sans-serif;

    10. 

  10. 	border: 7mm solid aqua;

    11. 

  11. 	border-collapse: collapse;

    12. 

  12. }

    13. 

  13. table.table2 {

    14. 

  14. 	border: 2mm solid aqua;

    15. 

  15. 	border-collapse: collapse;

    16. 

  16. }

    17. 

  17. table.layout {

    18. 

  18. 	border: 0mm solid black;

    19. 

  19. 	border-collapse: collapse;

    20. 

  20. }

    21. 

  21. td.layout {

    22. 

  22. 	text-align: center;

    23. 

  23. 	border: 0mm solid black;

    24. 

  24. }

    25. 

  25. td {

    26. 

  26. 	padding: 3mm;

    27. 

  27. 	border: 2mm solid blue;

    28. 

  28. 	vertical-align: middle;

    29. 

  29. }

    30. 

  30. td.redcell {

    31. 

  31. 	border: 3mm solid red;

    32. 

  32. }

    33. 

  33. td.redcell2 {

    34. 

  34. 	border: 2mm solid red;

    35. 

  35. }

    36. 

  36. </style>

    37. 

  37. </head>

    38. 

  38. <body>

    39. 

  39. 

    40. 

  40. <h1>mPDF</h1>

    41. 

  41. <h2>Tables - Borders</h2>

    42. 

  42. <h4>mPDF</h4>

    43. 

  43. 

    44. 

  44. Border 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. 

  45. 

    46. 

  46. <table class="layout">

    47. 

  47. 

    48. 

  48. <tr>

    49. 

  49.     <td class="layout">mPDF</td>

    50. 

  50.     <td class="layout">Internet Explorer<br />IE 9</td>

    51. 

  51.     <td class="layout">Firefox<br />v 32.0.3</td>

    52. 

  52. </tr>

    53. 

  53. 

    54. 

  54. <tr>

    55. 

  55. 	<td class="layout">

    56. 

  56. 

    57. 

  57. 

    58. 

  58. <table>

    59. 

  59. <tr>

    60. 

  60.     <td style="border:5mm solid green">1</td>

    61. 

  61.     <td>1</td>

    62. 

  62.     <td>1</td>

    63. 

  63. </tr>

    64. 

  64. <tr>

    65. 

  65.     <td rowspan="2" class="redcell" style="border:5mm solid teal">1</td>

    66. 

  66.     <td style="border:3mm solid pink">1</td>

    67. 

  67.     <td style="border:5mm solid purple">1</td>

    68. 

  68. </tr>

    69. 

  69. <tr>

    70. 

  70.     <td style="border:2mm solid gray">1</td>

    71. 

  71.     <td>1</td>

    72. 

  72. </tr>

    73. 

  73. <tr>

    74. 

  74.     <td class="redcell">1</td>

    75. 

  75.     <td>1</td>

    76. 

  76.     <td>1</td>

    77. 

  77. </tr>

    78. 

  78. </table>

    79. 

  79. 

    80. 

  80. 

    81. 

  81. 

    82. 

  82. 	</td>

    83. 

  83. 

    84. 

  84.     <td class="layout" rowspan="3"><img src="bordersIE.jpg" /></td>

    85. 

  85.     <td class="layout" rowspan="3"><img src="bordersFF.jpg" /></td>

    86. 

  86. 

    87. 

  87. 

    88. 

  88. </tr>

    89. 

  89. 

    90. 

  90. <tr>

    91. 

  91. 	<td class="layout" style="text-align: left">

    92. 

  92. 

    93. 

  93. <table style="border: 2.5mm solid aqua">

    94. 

  94. <tr>

    95. 

  95.     <td class="redcell">1</td>

    96. 

  96.     <td>1</td>

    97. 

  97.     <td>1</td>

    98. 

  98. </tr>

    99. 

  99. <tr>

    100. 

  100.     <td rowspan="2" class="redcell" style="border:5mm solid green">1</td>

    101. 

  101.     <td>1</td>

    102. 

  102.     <td>1</td>

    103. 

  103. </tr>

    104. 

  104. <tr>

    105. 

  105.     <td>1</td>

    106. 

  106.     <td>1</td>

    107. 

  107. </tr>

    108. 

  108. <tr>

    109. 

  109.     <td class="redcell">1</td>

    110. 

  110.     <td>1</td>

    111. 

  111.     <td>1</td>

    112. 

  112. </tr>

    113. 

  113. </table>

    114. 

  114. 

    115. 

  115. 

    116. 

  116. 	</td>

    117. 

  117. </tr>

    118. 

  118. 

    119. 

  119. <tr>

    120. 

  120. 	<td class="layout">

    121. 

  121. 

    122. 

  122. <table>

    123. 

  123. <tr>

    124. 

  124.     <td class="redcell">1</td>

    125. 

  125.     <td>1</td>

    126. 

  126.     <td>1</td>

    127. 

  127. </tr>

    128. 

  128. <tr>

    129. 

  129.     <td rowspan="2" >1</td>

    130. 

  130.     <td>1</td>

    131. 

  131.     <td>1</td>

    132. 

  132. </tr>

    133. 

  133. <tr>

    134. 

  134.     <td style="border:5mm solid yellow">1</td>

    135. 

  135.     <td>1</td>

    136. 

  136. </tr>

    137. 

  137. <tr>

    138. 

  138.     <td class="redcell">1</td>

    139. 

  139.     <td>1</td>

    140. 

  140.     <td>1</td>

    141. 

  141. </tr>

    142. 

  142. </table>

    143. 

  143. 

    144. 

  144. 

    145. 

  145. 	</td>

    146. 

  146. </tr>

    147. 

  147. </table>

    148. 

  148. 

    149. 

  149. 

    150. 

  150. <pagebreak />

    151. 

  151. 

    152. 

  152. 

    153. 

  153. <table class="layout">

    154. 

  154. 

    155. 

  155. <tr>

    156. 

  156.     <td class="layout">mPDF</td>

    157. 

  157.     <td class="layout">Internet Explorer<br />IE 9</td>

    158. 

  158.     <td class="layout">Firefox<br />v 32.0.3</td>

    159. 

  159. </tr>

    160. 

  160. 

    161. 

  161. <tr>

    162. 

  162. 	<td class="layout">

    163. 

  163. 

    164. 

  164. 

    165. 

  165. <table class="table2">

    166. 

  166. <tr>

    167. 

  167.     <td style="border:2mm solid green">1</td>

    168. 

  168.     <td>1</td>

    169. 

  169.     <td>1</td>

    170. 

  170. </tr>

    171. 

  171. <tr>

    172. 

  172.     <td rowspan="2" class="redcell2" style="border:2mm solid teal">1</td>

    173. 

  173.     <td style="border:2mm solid pink">1</td>

    174. 

  174.     <td style="border:2mm solid purple">1</td>

    175. 

  175. </tr>

    176. 

  176. <tr>

    177. 

  177.     <td style="border:2mm solid gray">1</td>

    178. 

  178.     <td>1</td>

    179. 

  179. </tr>

    180. 

  180. <tr>

    181. 

  181.     <td class="redcell2">1</td>

    182. 

  182.     <td>1</td>

    183. 

  183.     <td>1</td>

    184. 

  184. </tr>

    185. 

  185. </table>

    186. 

  186. 

    187. 

  187. 

    188. 

  188. 

    189. 

  189. 	</td>

    190. 

  190. 

    191. 

  191.     <td class="layout" rowspan="3"><img src="borders2IE.jpg" /></td>

    192. 

  192.     <td class="layout" rowspan="3"><img src="borders2FF.jpg" /></td>

    193. 

  193. 

    194. 

  194. 

    195. 

  195. </tr>

    196. 

  196. 

    197. 

  197. <tr>

    198. 

  198. 	<td class="layout" style="text-align: left">

    199. 

  199. 

    200. 

  200. <table style="border: 2mm solid aqua" class="table2">

    201. 

  201. <tr>

    202. 

  202.     <td class="redcell2">1</td>

    203. 

  203.     <td>1</td>

    204. 

  204.     <td>1</td>

    205. 

  205. </tr>

    206. 

  206. <tr>

    207. 

  207.     <td rowspan="2" class="redcell2" style="border:2mm solid green">1</td>

    208. 

  208.     <td>1</td>

    209. 

  209.     <td>1</td>

    210. 

  210. </tr>

    211. 

  211. <tr>

    212. 

  212.     <td>1</td>

    213. 

  213.     <td>1</td>

    214. 

  214. </tr>

    215. 

  215. <tr>

    216. 

  216.     <td class="redcell2">1</td>

    217. 

  217.     <td>1</td>

    218. 

  218.     <td>1</td>

    219. 

  219. </tr>

    220. 

  220. </table>

    221. 

  221. 

    222. 

  222. 

    223. 

  223. 	</td>

    224. 

  224. </tr>

    225. 

  225. 

    226. 

  226. <tr>

    227. 

  227. 	<td class="layout">

    228. 

  228. 

    229. 

  229. <table class="table2">

    230. 

  230. <tr>

    231. 

  231.     <td class="redcell2">1</td>

    232. 

  232.     <td>1</td>

    233. 

  233.     <td>1</td>

    234. 

  234. </tr>

    235. 

  235. <tr>

    236. 

  236.     <td rowspan="2" >1</td>

    237. 

  237.     <td>1</td>

    238. 

  238.     <td>1</td>

    239. 

  239. </tr>

    240. 

  240. <tr>

    241. 

  241.     <td style="border:2mm solid yellow">1</td>

    242. 

  242.     <td>1</td>

    243. 

  243. </tr>

    244. 

  244. <tr>

    245. 

  245.     <td class="redcell2">1</td>

    246. 

  246.     <td>1</td>

    247. 

  247.     <td>1</td>

    248. 

  248. </tr>

    249. 

  249. </table>

    250. 

  250. 

    251. 

  251. 

    252. 

  252. 	</td>

    253. 

  253. </tr>

    254. 

  254. </table>

    255. 

  255. 

    256. 

  256. 

    257. 

  257. <pagebreak />

    258. 

  258. <h4>mPDF</h4>

    259. 

  259. 

    260. 

  260. <table style="border: 10px solid orange">

    261. 

  261. <tr>

    262. 

  262. <td style="border: 10px solid orange">Data</td>

    263. 

  263. <td style="border: 10px double red">double red</td>

    264. 

  264. <td style="border: 10px dashed yellow">dashed yellow</td>

    265. 

  265. <td style="border: 10px dotted green">dotted green</td>

    266. 

  266. <td style="border: 10px solid orange">Data</td>

    267. 

  267. </tr>

    268. 

  268. <tr>

    269. 

  269. <td style="border: 10px solid orange">Data</td>

    270. 

  270. <td style="border: 10px hidden orange">hidden </td>

    271. 

  271. <td style="border: 10px solid orange">Data</td>

    272. 

  272. <td style="border: 10px none orange">none</td>

    273. 

  273. <td style="border: 10px solid orange">Data</td>

    274. 

  274. </tr>

    275. 

  275. <tr>

    276. 

  276. <td style="border: 10px solid orange">Data</td>

    277. 

  277. <td style="border: 10px ridge blue">ridge blue</td>

    278. 

  278. <td style="border: 10px none orange">none </td>

    279. 

  279. <td style="border: 10px none orange">none </td>

    280. 

  280. <td style="border: 10px solid orange">Data</td>

    281. 

  281. </tr>

    282. 

  282. <tr>

    283. 

  283. <td style="border: 10px solid orange">Data</td>

    284. 

  284. <td style="border: 10px none orange">none </td>

    285. 

  285. <td style="border: 10px groove pink">groove pink</td>

    286. 

  286. <td style="border: 10px none orange">none </td>

    287. 

  287. <td style="border: 10px solid orange">Data</td>

    288. 

  288. </tr>

    289. 

  289. <tr>

    290. 

  290. <td style="border: 10px none orange">none </td>

    291. 

  291. <td style="border: 10px inset gray">inset gray</td>

    292. 

  292. <td style="border: 10px none orange">none </td>

    293. 

  293. <td style="border: 10px outset purple">outset purple</td>

    294. 

  294. <td style="border: 10px none orange">none </td>

    295. 

  295. </tr>

    296. 

  296. </table>

    297. 

  297. 

    298. 

  298. <h4>Firefox 32</h4>

    299. 

  299. <img src="borders3FF.jpg" />

    300. 

  300. 

    301. 

  301. <br />

    302. 

  302. 

    303. 

  303. 

    304. 

  304. <h4>IE 9</h4>

    305. 

  305. <img src="borders3IE.jpg" />

    306. 

  306. 

    307. 

  307. <pagebreak />

    308. 

  308. 

    309. 

  309. <div>mPDF</div>

    310. 

  310. 

    311. 

  311. <table style="border: 10px solid orange; border-collapse: separate;">

    312. 

  312. <tr>

    313. 

  313. <td style="border: 10px solid orange">Data</td>

    314. 

  314. <td style="border: 10px double red">double red</td>

    315. 

  315. <td style="border: 10px dashed yellow">dashed yellow</td>

    316. 

  316. <td style="border: 10px dotted green">dotted green</td>

    317. 

  317. <td style="border: 10px solid orange">Data</td>

    318. 

  318. </tr>

    319. 

  319. <tr>

    320. 

  320. <td style="border: 10px solid orange">Data</td>

    321. 

  321. <td style="border: 10px hidden orange">hidden </td>

    322. 

  322. <td style="border: 10px solid orange">Data</td>

    323. 

  323. <td style="border: 10px none orange">none</td>

    324. 

  324. <td style="border: 10px solid orange">Data</td>

    325. 

  325. </tr>

    326. 

  326. <tr>

    327. 

  327. <td style="border: 10px solid orange">Data</td>

    328. 

  328. <td style="border: 10px ridge blue">ridge blue</td>

    329. 

  329. <td style="border: 10px none orange">none </td>

    330. 

  330. <td style="border: 10px none orange">none </td>

    331. 

  331. <td style="border: 10px solid orange">Data</td>

    332. 

  332. </tr>

    333. 

  333. <tr>

    334. 

  334. <td style="border: 10px solid orange">Data</td>

    335. 

  335. <td style="border: 10px none orange">none </td>

    336. 

  336. <td style="border: 10px groove pink">groove pink</td>

    337. 

  337. <td style="border: 10px none orange">none </td>

    338. 

  338. <td style="border: 10px solid orange">Data</td>

    339. 

  339. </tr>

    340. 

  340. <tr>

    341. 

  341. <td style="border: 10px none orange">none </td>

    342. 

  342. <td style="border: 10px inset gray">inset gray</td>

    343. 

  343. <td style="border: 10px none orange">none </td>

    344. 

  344. <td style="border: 10px outset purple">outset purple</td>

    345. 

  345. <td style="border: 10px none orange">none </td>

    346. 

  346. </tr>

    347. 

  347. </table>

    348. 

  348. 

    349. 

  349. <div>Firefox 32</div>

    350. 

  350. <img style="margin:0;" src="borders4FF.jpg" />

    351. 

  351. 

    352. 

  352. 

    353. 

  353. 

    354. 

  354. <div>IE 9</div>

    355. 

  355. <img style="margin:0;" src="borders4IE.jpg" />

    356. 

  356. 

    357. 

  357. <pagebreak />

    358. 

  358. 

    359. 

  359. 

    360. 

  360. <table style="border: 5px inset teal">

    361. 

  361. <tr>

    362. 

  362. <td style="border: 5px solid orange">solid orange</td>

    363. 

  363. 

    364. 

  364. <td style="border: 0px none black">none</td>

    365. 

  365. 

    366. 

  366. <td style="border: 5px double red">double red</td>

    367. 

  367. 

    368. 

  368. <td style="border: 0px none black">none</td>

    369. 

  369. 

    370. 

  370. <td style="border: 5px inset gray">inset gray</td>

    371. 

  371. 

    372. 

  372. <td style="border: 0px none black">none</td>

    373. 

  373. 

    374. 

  374. <td style="border: 5px outset purple">outset purple</td>

    375. 

  375. 

    376. 

  376. <td style="border: 0px none black">none</td>

    377. 

  377. 

    378. 

  378. <td style="border: 5px groove pink">groove pink</td>

    379. 

  379. 

    380. 

  380. <td style="border: 0px none black">none</td>

    381. 

  381. 

    382. 

  382. <td style="border: 5px ridge blue">ridge blue</td>

    383. 

  383. </tr>

    384. 

  384. </table>

    385. 

  385. 

    386. 

  386. 

    387. 

  387. <table style="border: 5px inset gray; border-collapse: separate;">

    388. 

  388. <tr>

    389. 

  389. <td style="border: 5px solid orange">solid orange</td>

    390. 

  390. <td style="border: 0px none black">none</td>

    391. 

  391. <td style="border: 5px double red">double red</td>

    392. 

  392. <td style="border: 0px none black">none</td>

    393. 

  393. <td style="border: 5px inset gray">inset gray</td>

    394. 

  394. <td style="border: 0px none black">none</td>

    395. 

  395. <td style="border: 5px outset purple">outset purple</td>

    396. 

  396. <td style="border: 0px none black">none</td>

    397. 

  397. <td style="border: 5px groove pink">groove pink</td>

    398. 

  398. <td style="border: 0px none black">none</td>

    399. 

  399. <td style="border: 5px ridge blue">ridge blue</td>

    400. 

  400. </tr>

    401. 

  401. </table>

    402. 

  402. 

    403. 

  403. 

    404. 

  404. <table style="border: 5px outset purple; border-collapse: separate;">

    405. 

  405. <tr>

    406. 

  406. <td style="border: 5px solid orange">solid orange</td>

    407. 

  407. <td style="border: 0px none black">none</td>

    408. 

  408. <td style="border: 5px double red">double red</td>

    409. 

  409. <td style="border: 0px none black">none</td>

    410. 

  410. <td style="border: 5px inset gray">inset gray</td>

    411. 

  411. <td style="border: 0px none black">none</td>

    412. 

  412. <td style="border: 5px outset purple">outset purple</td>

    413. 

  413. <td style="border: 0px none black">none</td>

    414. 

  414. <td style="border: 5px groove pink">groove pink</td>

    415. 

  415. <td style="border: 0px none black">none</td>

    416. 

  416. <td style="border: 5px ridge blue">ridge blue</td>

    417. 

  417. </tr>

    418. 

  418. </table>

    419. 

  419. 

    420. 

  420. 

    421. 

  421. <table style="border: 5px groove pink; border-collapse: separate;">

    422. 

  422. <tr>

    423. 

  423. <td style="border: 5px solid orange">solid orange</td>

    424. 

  424. <td style="border: 0px none black">none</td>

    425. 

  425. <td style="border: 5px double red">double red</td>

    426. 

  426. <td style="border: 0px none black">none</td>

    427. 

  427. <td style="border: 5px inset gray">inset gray</td>

    428. 

  428. <td style="border: 0px none black">none</td>

    429. 

  429. <td style="border: 5px outset purple">outset purple</td>

    430. 

  430. <td style="border: 0px none black">none</td>

    431. 

  431. <td style="border: 5px groove pink">groove pink</td>

    432. 

  432. <td style="border: 0px none black">none</td>

    433. 

  433. <td style="border: 5px ridge blue">ridge blue</td>

    434. 

  434. </tr>

    435. 

  435. </table>

    436. 

  436. 

    437. 

  437. 

    438. 

  438. <table style="border: 5px ridge blue; border-collapse: separate;">

    439. 

  439. <tr>

    440. 

  440. <td style="border: 5px solid orange">solid orange</td>

    441. 

  441. <td style="border: 0px none black">none</td>

    442. 

  442. <td style="border: 5px double red">double red</td>

    443. 

  443. <td style="border: 0px none black">none</td>

    444. 

  444. <td style="border: 5px inset gray">inset gray</td>

    445. 

  445. <td style="border: 0px none black">none</td>

    446. 

  446. <td style="border: 5px outset purple">outset purple</td>

    447. 

  447. <td style="border: 0px none black">none</td>

    448. 

  448. <td style="border: 5px groove pink">groove pink</td>

    449. 

  449. <td style="border: 0px none black">none</td>

    450. 

  450. <td style="border: 5px ridge blue">ridge blue</td>

    451. 

  451. </tr>

    452. 

  452. </table>

    453. 

  453. 

    454. 

  454. 

    455. 

  455. <table style="border: 5px double red; border-collapse: separate;">

    456. 

  456. <tr>

    457. 

  457. <td style="border: 5px solid orange">solid orange</td>

    458. 

  458. <td style="border: 0px none black">none</td>

    459. 

  459. <td style="border: 5px double red">double red</td>

    460. 

  460. <td style="border: 0px none black">none</td>

    461. 

  461. <td style="border: 5px inset gray">inset gray</td>

    462. 

  462. <td style="border: 0px none black">none</td>

    463. 

  463. <td style="border: 5px outset purple">outset purple</td>

    464. 

  464. <td style="border: 0px none black">none</td>

    465. 

  465. <td style="border: 5px groove pink">groove pink</td>

    466. 

  466. <td style="border: 0px none black">none</td>

    467. 

  467. <td style="border: 5px ridge blue">ridge blue</td>

    468. 

  468. </tr>

    469. 

  469. </table>

    470. 

  470. 

    471. 

  471. </body>

    472. 

  472. </html>

    473. 

  473. ';

    474. 

  474. 

    475. 

  475. //==============================================================

    476. 

  476. //==============================================================

    477. 

  477. //==============================================================

    478. 

  478. include("../mpdf.php");

    479. 

  479. 

    480. 

  480. $mpdf=new mPDF('en-GB-x','A4','','',10,10,10,10,6,3); 

    481. 

  481. 

    482. 

  482. $mpdf->SetDisplayMode('fullpage');

    483. 

  483. 

    484. 

  484. $mpdf->list_indent_first_level = 0;	// 1 or 0 - whether to indent the first level of a list

    485. 

  485. 

    486. 

  486. // LOAD a stylesheet

    487. 

  487. $stylesheet = file_get_contents('mpdfstyletables.css');

    488. 

  488. $mpdf->WriteHTML($stylesheet,1);	// The parameter 1 tells that this is css/style only and no body/html/text

    489. 

  489. 

    490. 

  490. $mpdf->WriteHTML($html);

    491. 

  491. 

    492. 

  492. $mpdf->Output();

    493. 

  493. exit;

    494. 

  494. //==============================================================

    495. 

  495. //==============================================================

    496. 

  496. //==============================================================

    497. 

  497. 

    498. 

  498. ?>
    499.