Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Membuat text align pada rowspan tabel di tcpdf
gimana cara membuat tampilan tabel yg sudah dirowspan menjadi ditengah seperti di merge. saya sudah coba di html berhasil, namun ketika saya coba di tabel tcpdf dgn script style yg sama tidak berhasil;. kira2 dimana masalahnya ya?
<tr>
<td style="vertical-align: middle;" border="1" width="30" rowspan="<?= $total_source2 ?>"><center><font size="8"><?php echo ++$no ?></font></center></td>
<td style="vertical-align: middle;" border="1" width="70" rowspan="<?= $total_source2 ?>"><center><font size="8"><?php echo $row->tgl ?></font></center></td>
</tr>
supaya jadi seperti ini
4 Jawaban:
coba ikuti model html seperti dibawah <pre> <table> <tr> <th>NO</th> <th>TANGGAL</th> <th>NAMA BARANG</th> </tr> <tr> <td rowspan="2" style="vertical-align : middle;text-align:center;">1</td> <td rowspan="2" style="vertical-align : middle;text-align:center;">18-05-2020</td> <td>Radio Outdoor 2 Ghz</td> </tr> <tr> <td>Radio Outdoor 2 Ghz</td> </tr> <tr> <td rowspan="3" style="vertical-align : middle;text-align:center;">2</td> <td rowspan="3" style="vertical-align : middle;text-align:center;">19-05-2020</td> <td>Radio Outdoor 3.5 Ghz</td> </tr> <tr> <td>Radio Outdoor 5 Ghz</td> </tr> <tr> <td>Radio Outdoor 2 Ghz</td> </tr> </table> </pre>
Tanggapan
sudah gan tapi masih sama hasilnya belum berhasil
sudah gan tapi masih sama hasilnya belum berhasil
coba di test tanpa css lainnya. karena kalau lihat gambar dibawah; ia sudah akan menampilkan sesuai yang diharapkan. <a href='https://542dig.ch.files.1drv.com/y4mL5Mxel-nuzfGB4uXuKXfHqOssNjpefyKMzPwHSQ9lHFINx9ldiE0hAs3s-RetGTiPbn9srHKoJW1ikdBojhfFqVq0i3cs3dcTDB69pVVRimafMXQZio184MLcQSL4rTbIp5gRGwAOvWiqMvKGKXl18o0TGXe05v5oAULUX_Vrzq0EX2oHvl17M90PTvNxgRk?width=1360&height=842&cropmode=none'>https://542dig.ch.files.1drv.com/y4mL5Mxel-nuzfGB4uXuKXfHqOssNjpefyKMzPwHSQ9lHFINx9ldiE0hAs3s-RetGTiPbn9srHKoJW1ikdBojhfFqVq0i3cs3dcTDB69pVVRimafMXQZio184MLcQSL4rTbIp5gRGwAOvWiqMvKGKXl18o0TGXe05v5oAULUX_Vrzq0EX2oHvl17M90PTvNxgRk?width=1360&height=842&cropmode=none</a>
salah satu alasan test tanpa css-lainnya. bisa lihat dibawah. html yang diatas di tambahkan css untuk meng-override css yang ada di-element. <a href='https://5o2dig.ch.files.1drv.com/y4m8EJRRzzukFRJZmJ-6F5QhTTTOTulez1fC0FOAC0kkAxmw5xLJN8mDH1jERaakqX_tUIgsFTQ1Zj2no09qNEpiAo06jy81rITdyAonzSG_hBiQ6ceMjlyJ3NE8v3rC9rmZRQESt6A7iNc_kmKmQv9x2oqJWcvraRe2bEYILH2cR65Xsf_s2aogPCVIUZY5zAh?width=1360&height=842&cropmode=none'>Hasil table dengan override css</a>
Tanggapan
sudah saya tambahkan gan, tapi hasilnya tetap sama. apa karna ini didalam tcpdf jadi punya cara tersendiri?? soalnya kalau saya jalankan di html murni bisa.
kalau di html murni ngga ada masalah gan, bisa jalan sperti yang diharapkan, namun ketika say abuat di dlm html yang ada di tcpdf, dia ngga jalan.
jadi benar ada override untuk css-nya (tapi tidak terlihat dari mana, karena agan tidak menyertakan hasil html yang di-render oleh php). cara singkatnya meng-override: [code] style="vertical-align:middle;text-align:center !important;" [/code] atau coba telusuri dari dev-tool dari mana override ini dan bisa juga ada setting di-tcpdf.
iya masih belum berhasil gan. ngga tau masalah nya dimana. atau karna memang ditcpdf ngga bisa ya. soalnya saya liat di contoh tcpdf html tabel, ngga ada yang posisinya drowsan ditengah, selalu diatas semua
Sudah coba override dengan !important style="vertical-align:middle;text-align:center !important;"
atau yang agan maksud hasil pdf-nya?
Kalau belum bisa juga, kemungkinan besar tcpdf belum support css-nya. cara lainnya buat pakai tag br atau tag lainnya, mengsimulasi lewat html tag.
note: maaf admin. ini harusnya di-comment, salah post.