Cara Membuat Laporan PDF Plus Filter Tanggal dengan Codeigniter

5

SHARES

ShareTweet

Pada saat membuat sebuah laporan, sering kali kita diharuskan untuk memfilter data yang akan di tampilkan pada laporan tersebut. Sebagai contoh pada data transaksi penjualanan, biasanya kita akan diminta untuk membuat laporan per hari, per bulan dan per tahun. Itulah kenapa kita memerlukan fitur untuk memfilter data-data transaksi tadi agar bisa di tampilkan per hari / per bulan / per tahun sesuai dengan kebutuhan si pengguna. Sebelumnya saya telah membuat tutorial membuat laporan PDF plus filter tanggal dengan menggunakan PHP dan MySQL. Sekarang kita akan coba implementasikan alur pada tutorial tersebut pada framework codeigniter.

---

DEMOSebelum masuk ke tutorialnya. Mungkin ada yang mau lihat demonya terlebih dahulu. Silahkan klik link berikut untuk melihat demonya : Lihat Demo.

---

STEP 1 – PERSIAPAN
Berikut ini adalah hal-hal yang harus dipersiapkan :

1. Buat sebuah folder baru dengan nama pdf_date_ci, lalu simpan pada folder xampp/htdocs/.
2. Download Framework Codeigniter, klik link berikut : download.
   Bingung cara downloadnya? klik disini untuk melihat caranya.
3. Download plugin JQuery, klik link berikut : Download.
   Bingung cara downloadnya? klik disini untuk melihat caranya.
4. Download Plugin HTML2PDF nya, klik link berikut ini : Download.
   Bingung cara downloadnya? klik disini untuk melihat caranya.
5. Download plugin jQuery-ui, klik link berikut : Download. jQuery-ui ini nantinya kita perlukan untuk datepicker.
   Bingung cara downloadnya? klik disini untuk melihat caranya.
6. Ekstrak dan Copy codeigniter_v3.7z yang telah di download tadi ke folder xampp/htdocs/pdf_date_ci/.
7. Buat sebuah folder dengan nama assets, lalu simpan pada folder xampp/htdocs/pdf_date_ci/.
8. Copy and paste file jquery.min.js yang telah di download tadi ke dalam folder xampp/htdocs/pdf_date_ci/assets/.
9. Ekstrak dan Copy plugin HTML2PDF yang sudah didownload ke dalam folder xampp/htdocs/pdf_date_ci/assets/.
10. Ekstrak dan Copy plugin jQuery-ui yang sudah didownload ke dalam folder xampp/htdocs/pdf_date_ci/assets/.

---

STEP 2 – DATABASEPada step ini, kita akan membuat databasenya. ikuti langkah-langkah berikut ini :

1. Buat sebuah database dengan nama mynotescode.
2. Buat sebuah tabel dengan nama transaksi. Struktur tabelnya sebagai berikut :
   
   1. CREATE TABLE `transaksi` (
   2. `id` int(11) NOT NULL,
   3. `kode` varchar(10) NOT NULL,
   4. `barang` varchar(100) NOT NULL,
   5. `jumlah` int(11) NOT NULL,
   6. `total_harga` double NOT NULL,
   7. `tgl` datetime NOT NULL,
   8. PRIMARY KEY (`id`)
   9. ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

---

STEP 3 – KONFIGURASIKarena dibuat dengan Codeigniter, pertama kita harus melakukan konfigurasi terlebih dahulu pada framework codeigniternya.

Baca Juga:

• Tutorial Codeigniter Bahasa Indonesia Lengkap Plus Source Code
• Tutorial PHP Bahasa Indonesia Lengkap Plus Source Code
• Cara Mudah Membuat Pagination dengan PHP dan MySQL
• Cara Membuat Upload Gambar dengan PHP AJAX dan MySQL

1. Buka folder xampp/htdocs/pdf_date_ci/application/config/
2. Buka file config.php
   Cari kode berikut $config['base_url'] = '';Ubah kode tersebut jadi seperti ini :
   1. $config['base_url'] = 'http://localhost/pdf_date_ci/';
   Kode diatas digunakan untuk menset baseurlnya.
   Lalu simpan file tersebut.
3. Buka file autoload.php
   Cari kode berikut ini :
   1. $autoload['libraries'] = array();
   2. $autoload['helper'] = array();
   Ubah jadi seperti ini :
   1. $autoload['libraries'] = array('database');
   2. $autoload['helper'] = array('url');
   Kode diatas digunakan untuk memuat (menload) class database dan url.
   Lalu simpan file tersebut.
4. Buka file routes.php
   Cari kode berikut ini :
   1. $route['default_controller'] = 'welcome';
   Ubah jadi seperti ini :
   1. $route['default_controller'] = 'transaksi';
   Kode diatas digunakan untuk menset controller mana yang akan diload pertama kali. Secara default, Codeigniter telah menset default controller yaitu welcome. Disini kita set default controller menjadi transaksi.
   Lalu simpan file tersebut.
5. Buka file database.php
   Cari kode berikut ini :
   1. 'hostname' => 'localhost',
   2. 'username' => '',
   3. 'password' => '',
   4. 'database' => '',
   Ubah jadi seperti ini :
   1. 'hostname' => 'localhost', // Nama host
   2. 'username' => 'root', // Username
   3. 'password' => '', // Jika menggunakan password isi, jika tidak kosongkan saja
   4. 'database' => 'mynotescode', // Nama databasenya
   Kode diatas digunakan untuk koneksi ke database.
   Lalu simpan file tersebut.

---

STEP 4 – BUAT MODELLangkah selanjutnya adalah membuat modelnya. Buat sebuah file dengan nama TransaksiModel.php, Lalu simpan pada folder xampp/htdocs/pdf_date_ci/application/models/. Berikut kodenya :

1. <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
3. class TransaksiModel extends CI_Model {
4. public function view_by_date($date){
5. $this->db->where('DATE(tgl)', $date); // Tambahkan where tanggal nya
7. return $this->db->get('transaksi')->result();// Tampilkan data transaksi sesuai tanggal yang diinput oleh user pada filter
8. }
10. public function view_by_month($month, $year){
11. $this->db->where('MONTH(tgl)', $month); // Tambahkan where bulan
12. $this->db->where('YEAR(tgl)', $year); // Tambahkan where tahun
14. return $this->db->get('transaksi')->result(); // Tampilkan data transaksi sesuai bulan dan tahun yang diinput oleh user pada filter
15. }
17. public function view_by_year($year){
18. $this->db->where('YEAR(tgl)', $year); // Tambahkan where tahun
20. return $this->db->get('transaksi')->result(); // Tampilkan data transaksi sesuai tahun yang diinput oleh user pada filter
21. }
23. public function view_all(){
24. return $this->db->get('transaksi')->result(); // Tampilkan semua data transaksi
25. }
27. public function option_tahun(){
28. $this->db->select('YEAR(tgl) AS tahun'); // Ambil Tahun dari field tgl
29. $this->db->from('transaksi'); // select ke tabel transaksi
30. $this->db->order_by('YEAR(tgl)'); // Urutkan berdasarkan tahun secara Ascending (ASC)
31. $this->db->group_by('YEAR(tgl)'); // Group berdasarkan tahun pada field tgl
33. return $this->db->get()->result(); // Ambil data pada tabel transaksi sesuai kondisi diatas
34. }
35. }

Fungsi view_by_date() berguna untuk menampilkan data transaksi berdasarkan tanggal yang di input user pada form filter. Fungsi ini akan menghasilkan query sql : “SELECT * FROM transaksi WHERE DATE(tgl)=’$date’“. Dimana $date adalah tanggal yang di input user pada form filter.

Fungsi view_by_month() berguna untuk menampilkan data transaksi berdasarkan bulan dan tahun yang di input user pada form filter. Fungsi ini akan menghasilkan query sql : “SELECT * FROM transaksi WHERE MONTH(tgl)=’$month’ AND YEAR(tgl)=’$year’“. Dimana $month dan $year adalah bulan dan tahun yang di input user pada form filter.

Fungsi view_by_year() berguna untuk menampilkan data transaksi berdasarkan tahun yang di input user pada form filter. Fungsi ini akan menghasilkan query sql : “SELECT * FROM transaksi WHERE YEAR(tgl)=’$year’“. Dimana $year adalah tahun yang di input user pada form filter.

Fungsi view_all() berguna untuk menampilkan semua data transaksi.

Fungsi option_tahun() berguna untuk menampilkan tahun sesuai dengan data transaksi yang telah tersimpan di database. Jadi hanya tahun yang sudah ada di database saja yang akan di tampilkan untuk combo box filter tahun. Fungsi ini akan menghasilkan query sql : “SELECT YEAR(tgl) AS tahun FROM transaksi GROUP BY YEAR(tgl)“.

Baca Juga:

• Tutorial Codeigniter Bahasa Indonesia Lengkap Plus Source Code
• Tutorial PHP Bahasa Indonesia Lengkap Plus Source Code
• Cara Membuat Login Multi Level User dengan Codeigniter dan MySQL
• Cara Membuat Pencarian Data dan Menampilkannya ke Textbox dengan PHP AJAX dan MySQL

---

 STEP 5 – BUAT CONTROLLERPada tahap ini, kita akan membuat controllernya. Buat sebuah file dengan nama Transaksi.php, lalu simpan pada folder xampp/htdocs/pdf_date_ci/application/controllers/. Berikut ini kodenya :

1. <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
3. class Transaksi extends CI_Controller {
5. public function __construct(){
6. parent::__construct();
8. $this->load->model('TransaksiModel');
9. }
11. public function index(){
12. if(isset($_GET['filter']) && ! empty($_GET['filter'])){ // Cek apakah user telah memilih filter dan klik tombol tampilkan
13. $filter = $_GET['filter']; // Ambil data filder yang dipilih user
15. if($filter == '1'){ // Jika filter nya 1 (per tanggal)
16. $tgl = $_GET['tanggal'];
18. $ket = 'Data Transaksi Tanggal '.date('d-m-y', strtotime($tgl));
19. $url_cetak = 'transaksi/cetak?filter=1&tahun='.$tgl;
20. $transaksi = $this->TransaksiModel->view_by_date($tgl); // Panggil fungsi view_by_date yang ada di TransaksiModel
21. }else if($filter == '2'){ // Jika filter nya 2 (per bulan)
22. $bulan = $_GET['bulan'];
23. $tahun = $_GET['tahun'];
24. $nama_bulan = array('', 'Januari','Februari','Maret','April','Mei','Juni','Juli','Agustus','September','Oktober','November','Desember');
26. $ket = 'Data Transaksi Bulan '.$nama_bulan[$bulan].' '.$tahun;
27. $url_cetak = 'transaksi/cetak?filter=2&bulan='.$bulan.'&tahun='.$tahun;
28. $transaksi = $this->TransaksiModel->view_by_month($bulan, $tahun); // Panggil fungsi view_by_month yang ada di TransaksiModel
29. }else{ // Jika filter nya 3 (per tahun)
30. $tahun = $_GET['tahun'];
32. $ket = 'Data Transaksi Tahun '.$tahun;
33. $url_cetak = 'transaksi/cetak?filter=3&tahun='.$tahun;
34. $transaksi = $this->TransaksiModel->view_by_year($tahun); // Panggil fungsi view_by_year yang ada di TransaksiModel
35. }
36. }else{ // Jika user tidak mengklik tombol tampilkan
37. $ket = 'Semua Data Transaksi';
38. $url_cetak = 'transaksi/cetak';
39. $transaksi = $this->TransaksiModel->view_all(); // Panggil fungsi view_all yang ada di TransaksiModel
40. }
42. $data['ket'] = $ket;
43. $data['url_cetak'] = base_url('index.php/'.$url_cetak);
44. $data['transaksi'] = $transaksi;
45. $data['option_tahun'] = $this->TransaksiModel->option_tahun();
46. $this->load->view('view', $data);
47. }
49. public function cetak(){
50. if(isset($_GET['filter']) && ! empty($_GET['filter'])){ // Cek apakah user telah memilih filter dan klik tombol tampilkan
51. $filter = $_GET['filter']; // Ambil data filder yang dipilih user
53. if($filter == '1'){ // Jika filter nya 1 (per tanggal)
54. $tgl = $_GET['tanggal'];
56. $ket = 'Data Transaksi Tanggal '.date('d-m-y', strtotime($tgl));
57. $transaksi = $this->TransaksiModel->view_by_date($tgl); // Panggil fungsi view_by_date yang ada di TransaksiModel
58. }else if($filter == '2'){ // Jika filter nya 2 (per bulan)
59. $bulan = $_GET['bulan'];
60. $tahun = $_GET['tahun'];
61. $nama_bulan = array('', 'Januari','Februari','Maret','April','Mei','Juni','Juli','Agustus','September','Oktober','November','Desember');
63. $ket = 'Data Transaksi Bulan '.$nama_bulan[$bulan].' '.$tahun;
64. $transaksi = $this->TransaksiModel->view_by_month($bulan, $tahun); // Panggil fungsi view_by_month yang ada di TransaksiModel
65. }else{ // Jika filter nya 3 (per tahun)
66. $tahun = $_GET['tahun'];
68. $ket = 'Data Transaksi Tahun '.$tahun;
69. $transaksi = $this->TransaksiModel->view_by_year($tahun); // Panggil fungsi view_by_year yang ada di TransaksiModel
70. }
71. }else{ // Jika user tidak mengklik tombol tampilkan
72. $ket = 'Semua Data Transaksi';
73. $transaksi = $this->TransaksiModel->view_all(); // Panggil fungsi view_all yang ada di TransaksiModel
74. }
76. $data['ket'] = $ket;
77. $data['transaksi'] = $transaksi;
79. ob_start();
80. $this->load->view('print', $data);
81. $html = ob_get_contents();
82. ob_end_clean();
84. require_once('./assets/html2pdf/html2pdf.class.php');
85. $pdf = new HTML2PDF('P','A4','en');
86. $pdf->WriteHTML($html);
87. $pdf->Output('Data Transaksi.pdf', 'D');
88. }
89. }

Pada controller ini, kita membuat 3 fungsi. fungsi pertama yaitu public function __construct(), fungsi ini berfungsi untuk menjalankan suatu aksi ketika controller main diload. Didalam fungsi ini, terdapat kode $this->load->model(‘TransaksiModel’);, kode tersebut berfungsi untuk memuat (meload) model transaksi (yang pada step sebelumnya kita buat) agar kita bisa mengakses fungsi-fungsi yang ada didalam model tersebut.

$nama_bulan = array(”, ‘Januari’,’Februari’,…..
Kode ini akan kita gunakan untuk mengubah data bulan dari form filter manjadi nama bulan itu sendiri dalam bahasa indonesia. Bisa di lihat pada form filter untuk combo box bulan, disitu ada tag option dimana isinya adalah angka dimulai dari 1 untuk januari, 2 untuk februari, dan seterusnya. Nah angka dari value tadi akan kita ubah menjadi nama bulan sesuai dengan value nya dan kita panggil pada variabel $nama_bulan[value_bulannya]. Untuk informasi, index array dimulai dari 0, sehingga bisa kita lihat pada variabel $nama_bulan isi array pertama sengaja saya kosongkan karna index 0 tidak kita pakai soalnya bulan januari dimulai dari 1.

$this->load->view(‘view’, $data);
Kode ini berfungsi untuk memuat (meload) file view.php (file ini akan kita buat pada step selanjutnya) dan mengirimkan data dalam bentuk array data ($data) ke file tersebut.

ob_start();
$this->load->view(‘print’, $data);
$html = ob_get_contents();
ob_end_clean();Kode diatas berfungsi untuk memuat file print.php (file ini akan kita buat pada step terakhir) dan mengirim sebuah data dalam bentuk array ($data) ke file tersebut. Lalu file print.php tadi dimuat (diload) dan dimasukan kedalam variabel $html.

require_once(‘./assets/html2pdf/html2pdf.class.php’);
$pdf = new HTML2PDF(‘P’,’A4′,’en’);
$pdf->WriteHTML($html);
$pdf->Output(‘Data Transaksi.pdf’, ‘D’);
Kode diatas digunakan untuk mengkonversi kode html menjadi pdf. Dimulai dari kode require_once(‘./assets/html2pdf/html2pdf.class.php’);, kode ini berfungsi untuk memuat (meload) plugin html2pdfnya. Lalu kode $pdf = new HTML2PDF(‘P’,’A4′,’en’);, kode ini berfungsi memanggil fungsi __construct pada plugin html2pdf. Berikut ini adalah fungsi __construct yang kita panggil pada plugin html2pdfnya :

1. /**
2. * Constructeur
3. *
4. * @param string $sens - orientasinya : landscape atau portrait
5. * @param string $format - format kertasnya : A4, A5, dan lain-lain
6. * @param string $langue - Bahasanya : en, fr, dan lain-lain
7. * @param boolean $unicode - TRUE means clustering the input text IS unicode (default = true)
8. * @param String $encoding - charset encoding; Default is UTF-8
9. * @param array $marges - margins by default, in order (left, top, right, bottom)
10. * @return null
11. */
12. public function __construct($sens = 'P', $format = 'A4', $langue='en', $unicode=true, $encoding='UTF-8', $marges = array(5, 5, 5, 8))

Lalu kode $pdf->WriteHTML($html);, kode ini berfungsi untuk menentukan apa yang ingin ditampilkan pada pdfnya. Struktur dasar penulisannya yaitu $pdf->WriteHTML(‘kode_htmlnya’);. Pada kasus ini, kita memasukan kode htmlnya kedalam variabel $html. Yang terakhir kode $pdf->Output(‘Data Transaksi.pdf’, ‘D’);, kode tersebut berfungsi untuk menentukan nama file pdf yang kita buat. dan juga untuk menentukan mode apa yang ingin dilakukan ketika kode tersebut dipanggil. Contohnya disitu ada kode …,’D’);, Huruf D disitu berarti ketika kode dipanggil, maka lakukan proses download pada file pdfnya. sebenarnya ada banyak mode yang bisa kita lakukan, seperti tampilkan pdfnya dibrowser ketika kode itu dipanggil dan lain-lain (untuk lebih detailnya, klik disini).

Baca Juga:

• Tutorial Codeigniter Bahasa Indonesia Lengkap Plus Source Code
• Tutorial PHP Bahasa Indonesia Lengkap Plus Source Code
• Cara Membuat Format Tanggal Bahasa Indonesia dengan PHP
• Cara Mudah Menghitung Nilai IPK Menggunakan Pascal

---

 STEP 6 – BUAT VIEWSelanjutnya kita akan buat sebuah file untuk menampilkan form filter dan data transaksi. Buat file baru dengan nama view.php, lalu simpan pada folder xampp/htdocs/pdf_date_ci/application/views/. Berikut ini kode dan tampilannya :

1. <html>
2. <head>
3. <title>PDF</title>
5. <link rel="stylesheet" href="<?php echo base_url('assets/jquery-ui/jquery-ui.min.css'); ?>" /> <!-- Load file css jquery-ui -->
6. <script src="<?php echo base_url('assets/jquery.min.js'); ?>"></script> <!-- Load file jquery -->
7. </head>
8. <body>
9. <h2>Data Transaksi</h2><hr>
11. <form method="get" action="">
12. <label>Filter Berdasarkan</label><br>
13. <select name="filter" id="filter">
14. <option value="">Pilih</option>
15. <option value="1">Per Tanggal</option>
16. <option value="2">Per Bulan</option>
17. <option value="3">Per Tahun</option>
18. </select>
19. <br /><br />
21. <div id="form-tanggal">
22. <label>Tanggal</label><br>
23. <input type="text" name="tanggal" class="input-tanggal" />
24. <br /><br />
25. </div>
27. <div id="form-bulan">
28. <label>Bulan</label><br>
29. <select name="bulan">
30. <option value="">Pilih</option>
31. <option value="1">Januari</option>
32. <option value="2">Februari</option>
33. <option value="3">Maret</option>
34. <option value="4">April</option>
35. <option value="5">Mei</option>
36. <option value="6">Juni</option>
37. <option value="7">Juli</option>
38. <option value="8">Agustus</option>
39. <option value="9">September</option>
40. <option value="10">Oktober</option>
41. <option value="11">November</option>
42. <option value="12">Desember</option>
43. </select>
44. <br /><br />
45. </div>
47. <div id="form-tahun">
48. <label>Tahun</label><br>
49. <select name="tahun">
50. <option value="">Pilih</option>
51. <?php
52. foreach($option_tahun as $data){ // Ambil data tahun dari model yang dikirim dari controller
53. echo '<option value="'.$data->tahun.'">'.$data->tahun.'</option>';
54. }
55. ?>
56. </select>
57. <br /><br />
58. </div>
60. <button type="submit">Tampilkan</button>
61. <a href="<?php echo base_url(); ?>">Reset Filter</a>
62. </form>
63. <hr />
65. <b><?php echo $ket; ?></b><br /><br />
66. <a href="<?php echo $url_cetak; ?>">CETAK PDF</a><br /><br />
68. <table border="1" cellpadding="8">
69. <tr>
70. <th>Tanggal</th>
71. <th>Kode Transaksi</th>
72. <th>Barang</th>
73. <th>Jumlah</th>
74. <th>Total Harga</th>
75. </tr>
76. <?php
77. if( ! empty($transaksi)){
78. $no = 1;
79. foreach($transaksi as $data){
80. $tgl = date('d-m-Y', strtotime($data->tgl));
82. echo "<tr>";
83. echo "<td>".$tgl."</td>";
84. echo "<td>".$data->kode."</td>";
85. echo "<td>".$data->barang."</td>";
86. echo "<td>".$data->jumlah."</td>";
87. echo "<td>".$data->total_harga."</td>";
88. echo "</tr>";
89. $no++;
90. }
91. }
92. ?>
94. <script src="<?php echo base_url('assets/jquery-ui/jquery-ui.min.js'); ?>"></script> <!-- Load file plugin js jquery-ui -->
95. <script>
96. $(document).ready(function(){ // Ketika halaman selesai di load
97. $('.input-tanggal').datepicker({
98. dateFormat: 'yy-mm-dd' // Set format tanggalnya jadi yyyy-mm-dd
99. });
101. $('#form-tanggal, #form-bulan, #form-tahun').hide(); // Sebagai default kita sembunyikan form filter tanggal, bulan & tahunnya
103. $('#filter').change(function(){ // Ketika user memilih filter
104. if($(this).val() == '1'){ // Jika filter nya 1 (per tanggal)
105. $('#form-bulan, #form-tahun').hide(); // Sembunyikan form bulan dan tahun
106. $('#form-tanggal').show(); // Tampilkan form tanggal
107. }else if($(this).val() == '2'){ // Jika filter nya 2 (per bulan)
108. $('#form-tanggal').hide(); // Sembunyikan form tanggal
109. $('#form-bulan, #form-tahun').show(); // Tampilkan form bulan dan tahun
110. }else{ // Jika filternya 3 (per tahun)
111. $('#form-tanggal, #form-bulan').hide(); // Sembunyikan form tanggal dan bulan
112. $('#form-tahun').show(); // Tampilkan form tahun
113. }
115. $('#form-tanggal input, #form-bulan select, #form-tahun select').val(''); // Clear data pada textbox tanggal, combobox bulan & tahun
116. })
117. })
118. </script>
119. </table>
120. </body>
121. </html>

Pada halaman ini, kita membuat sebuah form untuk filter data transaksinya. Dimana isi dari combo box filter adalah Per Tanggal, Per Bulan dan Per Tahun. Khusus untuk combo box Tahun, kita isi sesuai dengan data transaksi yang ada didatbase. Jadi nanti pilihan tahunnya menyesuaikan dengan data transaksi di database ada pada tahun berapa saja.

$tgl = date(‘d-m-y‘, strtotime($_GET[‘tanggal’]));
Kode ini untuk mengubah format tanggal menjadi dd-mm-yyyy. Disini terdapat 2 fungsi yakni date() dan strtotime(). Fungsi date berfungsi untuk menentukan format waktu yang kita ingin kan, isi dari parameter 1 adalah format yang kita inginkan, disini kita isi dengan d-m-y. Lebih lengkapnya soal isi dari parameter 1 di fungsi date() bisa anda lihat disini : Dokumentasi Fungsi Date(). Untuk strtotime() adalah sebuah kode yang berguna untuk mengubah string menjadi time. Karna paramater 2 dari fungsi date() adalah waktu yang akan diubah formatnya (dalam bentuk time). Sehingga disini kita akan mengubah data tanggal dari form filter yang formatnya yyyy-mm-dd dan tipenya string menjadi tipe time agar bisa di ubah formatnya dengan fungsi date().

Pada kode diatas terdapat kode foreach($transaksi as $data){, kode tersebut akan manampilkan satu per satu data transaksi sampai datatransaksi yang terakhir.
echo “<td>”.$data->nis.”</td>”;
echo “<td>”.$data->nama.”</td>”;
echo “<td>”.$data->jenis_kelamin.” </td>”;
echo “<td>”.$data->alamat.”</td>”;
Pada kode diatas, yang saya beri tanda merah. Itu harus sama dengan nama kolom / field yang ada di database tabel transaksi.

Baca Juga:

• Tutorial Codeigniter Bahasa Indonesia Lengkap Plus Source Code
• Tutorial PHP Bahasa Indonesia Lengkap Plus Source Code
• Cara Mudah Membuat Form Datepicker dengan Bootstrap 3
• Cara Menggunakan jQuery DataTables dengan PHP dan MySQL

---

STEP 7 – HALAMAN CETAK (PRINT)Langkah terakhir adalah membuat sebuah file yang nantinya digunakan untuk proses cetak ke pdfnya. Hal-hal yang ada pada file ini nantinya akan ditampilkan pada file pdfnya. Buat sebuah file dengan nama print.php, lalu simpan pada folder xampp/htdocs/pdf_date_ci/application/views/. Berikut ini kode dan tampilannya :

1. <html>
2. <head>
3. <title>Cetak PDF</title>
4. <style>
5. table {
6. border-collapse:collapse;
7. table-layout:fixed;width: 630px;
8. }
9. table td {
10. word-wrap:break-word;
11. width: 20%;
12. }
13. </style>
14. </head>
15. <body>
16. <b><?php echo $ket; ?></b><br /><br />
18. <table border="1" cellpadding="8">
19. <tr>
20. <th>Tanggal</th>
21. <th>Kode Transaksi</th>
22. <th>Barang</th>
23. <th>Jumlah</th>
24. <th>Total Harga</th>
25. </tr>
27. <?php
28. if( ! empty($transaksi)){
29. $no = 1;
30. foreach($transaksi as $data){
31. $tgl = date('d-m-Y', strtotime($data->tgl));
33. echo "<tr>";
34. echo "<td>".$tgl."</td>";
35. echo "<td>".$data->kode."</td>";
36. echo "<td>".$data->barang."</td>";
37. echo "<td>".$data->jumlah."</td>";
38. echo "<td>".$data->total_harga."</td>";
39. echo "</tr>";
40. $no++;
41. }
42. }
43. ?>
44. </table>
45. </body>
46. </html>

---

Mungkin sekian untuk catatan kali ini. Semoga bisa bermanfaat. Jika ada yang kurang dipahami, langsung tanyakan pada form komentar dibawah ini. Jangan lupa LIKE dan SHARE nya, Terimakasih banyak.

Happy Coding ^_^

---

SOURCE CODEUntuk mengunduh source code nya, klik link berikut ini : Download.