Html

  1. Deskripsi :

Penggunaan tipe kolom dinamis konten HTML ini berguna ketika data yang dikirimkan melalui API akan dirender dalam bentuk HTML di sisi frontend, sehingga API tidak hanya mengirimkan data mentah, tetapi juga mengirimkan format HTML yang siap ditampilkan. Menunjukkan juga bahwa isi kolom tersebut adalah konten HTML, dan ini dapat berisi elemen HTML seperti <div>, <span>, atau lainnya, yang nantinya akan ditampilkan langsung pada antarmuka pengguna. Contoh dalam kolom “Spesifikasi” pada kasus berikut :

  1. Impelentasi pada JSON

"dynamicColumns": [
    {
      "fieldName": "kd_kategori",
      "columnName": "Kode Barang"
    },
    {
      "fieldName": "nm_kategori",
      "columnName": "Nama Barang"
    },
    {
      "fieldName": "nm_jsatuan",
      "columnName": "Satuan",
      "maxWidth": "50px"
    },
    {
      "fieldName": "jumlah",
      "columnName": "Jumlah Barang",
      "minWidth": "70px",
      "center": true
    },
    {
      "fieldName": "nilai",
      "columnName": "Harga Satuan",
      "type": "currency",
      "hideCurrencySymbol": "true",
      "width": "200px"
    },
    {
      "fieldName": "jumlah_nilai",
      "columnName": "Jumlah Harga",
      "type": "currency",
      "hideCurrencySymbol": "true",
      "subtotal": true,
      "width": "200px"
    },
    {
      "fieldName": "spesifikasi_html",
      "columnName": "Spesifikasi",
      "type": "html"
    }
  ],
  1. Gambar capture contoh hasil Implementasi

Last updated