Membuat Table Pertama

TableLowcode merupakan komponen untuk menampilkan list data dari API includes dengan fitur CRUD nya. terdapat beberapa state yang harus dikirimkan yaitu pageConfig dan setPageConfig fungsinya untuk menggenerate pagination, renderState dan setRenderState fungsinya untuk refetching, filterBy dan filterBy fungsinya untuk filtering, search dan setSearch untuk fitur searching. untuk sorting udh build-in sehingga tidak perlu ada state untuk sorting

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}
    />
  )
}