Can anyone offer some assistance with this issue?
I am currently using react-data-table-component along with react-data-table-component-extensions. I have also imported the index.css for the component-extension.
import DataTable from "react-data-table-component";
import DataTableExtensions from "react-data-table-component-extensions";
import "react-data-table-component-extensions/dist/index.css";
Below is the code for the dataTable in the jsx file
<DataTableExtensions
columns={column}
data={parameters}
print={false}
export={false}
filterPlaceholder="Filter Parameter"
>
<DataTable
title="Parameter List"
columns={column}
data={parameters}
pageSize={5}
pagination
fixedHeader
fixedHeaderScrollHeight="450px"
highlightOnHover
actions={<AddParameter loadParameters={loadParameters} />}
/>
</DataTableExtensions>
My issue lies with the display aspect - the font does not match the background of the application and appears too dark.
https://i.sstatic.net/y9JZI.png
I have attempted to change the text color to white, but I am unable to style the react data table extension component.
I have tried manipulating the index.css file that I imported, but with no success. I also attempted to remove all the CSS from the index.css file, but still saw no change.
Am I modifying the wrong CSS file, or is this component not customizable?