Bagaimana cara menghilangkan garis border pada header layer grid jqgrid?

Mengapa saya menghilangkan border pada grid? Mungkin pertanyaan itu yang ada dalam benak anda saat membaca postingan ini.

Saya menghilangkan border pada header layer karena ingin menghasilkan tampilan grid yang simple tanpa ada garis pada header maupun pada body layer grid. Nah, untuk menghilangkan border pada header layer grid jqgrid adalah sebagai berikut.

Sebelum memulai ada baiknya anda melihat tampilan grid sebelum diubah dan sesudah diubah.

Sebelum

Sesudah

Langsung saja cara awalnya yaitu dengan mencari file ui.jqgrid.css pada direktorinya, biasanya ada dalam paket download-an jqgrid / jquery.

Kemudian ketikkan script dibawah ini ke dalam file ui.jqgrid.css atau bisa anda letakkan pada file dimana terdapat grid yang ingin anda ubah.

<style type=”text/css”>
th.ui-th-column { border-right-color: transparent !important }
</style>

Semoga bermanfaat dan mohon koreksinya jika terdapat kekeliruan dalam informasi ini. =)

Wassalam.