refactor: enhance UiTable styling and add header alignment for improved readability

This commit is contained in:
fredy.siswanto 2025-03-09 23:22:38 +07:00
parent de92703fbe
commit 061f95d4e5

View File

@ -23,11 +23,14 @@ export const UiTable: React.FC<UiTableProperties> = ({
<h3 className="py-1 font-semibold text-[#4C5CA0]">{title}</h3> <h3 className="py-1 font-semibold text-[#4C5CA0]">{title}</h3>
<div className="rounded-lg"> <div className="rounded-lg">
<DataTable <DataTable
className="cell-border" className="cell-border text-sm"
data={data} data={data}
columns={columns} columns={columns}
slots={slots} slots={slots}
options={{ options={{
headerCallback: (thead) => {
thead.classList.add('text-left')
},
paging: true, paging: true,
searching: true, searching: true,
ordering: true, ordering: true,