refactor: enhance UiTable styling and add header alignment for improved readability
This commit is contained in:
parent
de92703fbe
commit
061f95d4e5
@ -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,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user