Skip to main content

Mempercantik design tampilan jTable pada java swing desktop


Dalam membuat sistem informasi/aplikasi/software, tampilan atau user interface tidak kalah pentingnya karena akan mempengaruhi kenyamanan user dalam menggunakan aplikasi yang kita buat. Pada kesempatan kali ini irna akan mencoba share cara mempercantik tampilan jTable pada java swing desktop. Lebih tepatnya mengubah warna dan jenis font, background, header jTable/tabel. Berikut langkah-langkahnya :

1. Seperti biasa buat dahulu projectnya, pada tutorial ini irna mencoba mendesign jTable pada aplikasi klinik di form pengguna dengan nama form : frmPengguna dan nama jTable : tblPengguna. Design form sebagai berikut.

2. Ubah properties background, font dan foreground pada jTable nya seperti pada gambar berikut (sesuai keinginan Anda masing-masing) :

3. Membuat class warnaTabel dengan cara klik kanan pada source package Anda, pilih New, pilih java class dan berikan nama class nya dengan warnaTabel, ketikkan code berikut :

public class warnaTabel extends DefaultTableCellRenderer {
    private Color ganjil;
    private Color genap;

    public warnaTabel(Color ganjil,Color genap){
        this.ganjil=ganjil;
        this.genap=genap;
    }

    @Override
    public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column){
        Component component = super.getTableCellRendererComponent(table, value, isSelected, hasFocus, row, column);
        if (row % 2 == 1){
            component.setBackground(ganjil);
        }else{
            component.setBackground(genap);
        }
        return component;
    }

4.  Kemudian kembali ke tab Source, dibwah source code public class frmPengguna extends javax.swing.JInternalFrame { tambahkan code berikut :
    private DefaultTableModel tabMode;
    koneksiDB koneksi=new koneksiDB();


5. Dibawah initComponents(); tambahkan code berikut :
//Mengubah font dan warna header jTable
Object[] row={"<html><b><font color='FF8C00' face='Eras Medium ITC'>Nama Pengguna</font></b></html>","<html><b><font color='FF8C00' face='Eras Medium ITC'>Kata Sandi</font></b></html>","<html><b><font color='FF8C00' face='Eras Medium ITC'>Level Pengguna</font></b></html>"};
        tabMode=new DefaultTableModel(null,row){
              @Override public boolean isCellEditable(int rowIndex, int colIndex){return false;}
        };
        tblPengguna.setModel(tabMode);
        koneksi.panggilDriver();
        tampil();
        tblPengguna.setDefaultRenderer(Object.class, new warnaTabel(bground4.getBackground(),tblPengguna.getBackground()));
        tblPengguna.setPreferredScrollableViewportSize(new Dimension(900,500));
        tblPengguna.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
        for (int i = 0; i < 3; i++) {
            TableColumn column = tblPengguna.getColumnModel().getColumn(i);
            if(i==0){
                column.setPreferredWidth(382);
            }else if(i==1){
                column.setPreferredWidth(350);
            }else if(i==2){
                column.setPreferredWidth(280);
            }
        }

PENTING :
-    Code yang berwarna merah sesuaikan dengan kode koneksi database project Anda masing-masing.
-          Nama table dan judul tiap kolom pada header colom table juga sesuaikan dengan table Anda.

6. Coba jalankan project Anda, berikut hasil design jTable project irna.




Finish.... selamat mencoba dan HAPPY CODING :D

Jika temen2 ada yang minat e-book nya silahkan Download

NB :  Pasti banyak kekurangan atau mungkin banyak kesalahan yang penting bukan hasil copy paste dari blog lain, makanya Irna tunggu kritik dan sarannya, terimakasih..

Comments

Popular posts from this blog

Source Code Program Sistem Informasi Rekam Medis Pada KLinik Rawat Jalan Berbasis Java Web (JSP, Servlet, JSTL)

Bismillah... Mencoba lagi meskipun masih sederhana.. Source code program ini menggunakan Netbeans 7.2 berbasis java web (JSP, JSTL, Servlet) dan menggunakan perintah SQL inner join untuk mempermudah User dalam menggunakan sistem/aplikasi ini. Bisa melakukan simpan, edit, hapus dan pencarian data. Design web nya menggunakan bahasa HTML dan CSS. Berikut hasil screen shoot tampilan program setelah di Run di Google Chrome : 1. Tampilan Home/Beranda ketika pertama kali di Run. 2. Tentang Program (Tampilan yang muncul ketika klik Menu About.) 3. Input Data Obat (tampilan ketika menu Obat di klik) 4. Input Data Dokter (tampilan ketika menu Dokter di klik) 5. Input Data Petugas (tampilan ketika menu Petugas di klik) 6. Input Data Pasien (tampilan ketika menu Pasien di klik) 7. Input Data Tarif Tindakan (tampilan ketika menu Tarif Tindakan di klik) 8. Input Data Pemberian Obat (tampilan ketika menu Pemberian Obat di klik)     Berrelasi dengan tabel Obat...

Source Code Program Aplikasi/Software Sewa Tanah Pemerintah Desa/Lungguh Desa ( JAVA DEKSTOP )

Awalnya soal UTS Pemrograman Java 1 di semester 4 hehee... Design tampilan menggunakan jTatto, sebelum program di Run add file jar jTatto nya ke Libraries, caranya ya download dulu file  jTatto.jar  , buka project nya, klik kanan Libraries > pilih Add jar/folder > cari file jTatto.jar > Open. Program ini sudah lengkap dengan inner join tabelnya, login/logout dan cetak laporan/report, Berikut hasil Screen Shoot nya, temen2 silahkan kembangkan sendiri dan ubah designnya sesuai selera masing2! 1. Menu Utama sebelum Login (Sub Menu Login akan berubah menjadi Logout setelah sukses Login) 2. Form Login 3. Menu Utama setelah Login 4. Form Input Data Pegawai 5. Form Input Data Dusun 6. Form Input Data Desa 7. Form Input Data Kecamatan 8. Form Input Data Kabupaten 9. Form Input Data Provinsi 10. Form Input Data Penyewa 11. Form Input Data Pelungguh 12. Form Input Data Tanah 13. Form Input Data Sewa (Penyewaan) 14...

source code program pembuatan sistem informasi posyandu menggunakan netbeans IDE 7.2 berbasis java web

Source code program ini menggunakan Netbeans 7.2 berbasis java web (JSP, JSTL, Servlet) dan menggunakan perintah SQL inner join untuk mempermudah User dalam menggunakan sistem/aplikasi ini. Bisa melakukan simpan, edit, hapus dan pencarian data, dan juga ada fasilitas Presensi Petugas. Berikut hasil screen shoot tampilan program : 1. Menu Utama 2. Menu input data Berat Badan Bayi Timbang 3. Menu input data Petugas 4. Menu input data Posyandu (inner join dengan tabel data Kelurahan) 5. Menu input data Puskesmas (inner join dengan tabel data Kecamatan) 6. Menu input data Kelurahan (inner join dengan tabel data Puskesmas) 7. Menu input data Kecamatan 8. Menu input data Ibu (inner join dengan tabel data Posyandu) 9. Menu input data Anak (inner join dengan tabel data Ibu) 10. Menu input data Ibu Hamil (inner join dengan tabel data Ibu) 11. Menu input data Layanan Anak ( inner join dengan tabel data Anak) 12. Menu Presensi Petugas (inner join d...