Custom Cell

Contoh

contoh pada API https://kpm-sys.merapi.javan.id/api/crud/jpn saya ingin mengcustom cell Status. ini dapat dilakukan dengan menggunakan property customCell. customCell menerima 4 variabel yaitu name merupakan nama cell, fields yang merupakan spec dari si cell, value merupakann value dari cell itu sendiri, defaultCell merupakan element yang di generate oleh library

import { TableLowcode } from 'alurkerja-ui'
import { useState } from 'react'

const Halaman = () => {
  const [pageConfig, setPageConfig] = useState({ limit: 10, page: 0 })
  const [renderState, setRenderState] = useState(0)
  const [filterBy, setFilterBy] = useState<{ [x: string]: any }>()
  const [search, setSearch] = useState<string>()

  return (
    <TableLowcode
      baseUrl="https://kpm-sys.merapi.javan.id"
      tableName="jpn"
      renderState={renderState}
      setRenderState={setRenderState}
      pageConfig={pageConfig}
      setPageConfig={setPageConfig}
      filterBy={filterBy}
      setFilterBy={setFilterBy}
      search={search}
      setSearch={setSearch}
      customCell={({ name,defaultCell,value }) => {
        if(name === 'status'){
          return value === 0 ? <td>Tidak Aktif</td> : <td>Aktif</td>
        } 
        return defaultCell
      }}
    />
  )
}

pastikan untuk mereturn element <td></td> didalam customCell