Open Adtyya opened 1 year ago
code?
<DataTable
columns={columns}
data={data}
progressPending={loading}
pagination
paginationServer
paginationTotalRows={totalRows}
onChangeRowsPerPage={handlePerRowsChange}
onChangePage={handlePageChange}
paginationComponentOptions={paginationComponentOptions}
customStyles={tableCustomStyles}
paginationPerPage={10}
progressComponent={<Loading />}
/>
paginationComponentOptions and tableCustomStyles??
@zahir-dct I am also facing this on the project I am working.
this is how it looks like:
I wanted to remove the solid arrow one and retain the 2-line arrow.
Thank you in advance :)
THis is my code:
customStyles={{
headCells: {
style: {
fontWeight: "bold",
backgroundColor: "#F4F9FF",
},
},
}}
{...props}
columns={props.loading ? columnsLoading : props.columns}
data={props.loading ? Array(8).fill({}) : props?.data || []}
className="pb-12"
paginationRowsPerPageOptions={[10, 20, 30]}
responsive
/>
I'm facing the same issue. Have you been able to resolve it?
Having the same issue on many projects.
I created pr with fix https://github.com/jbetancur/react-data-table-component/pull/1224
See at rows per page number, it has two arrow.
Tailwindcss ^3.3.3 React & ReactDOM ^18.2.0 Create this app using CRA