Hey there, I've been working on setting up a front-end display for a table using material-table in React. Everything has been going smoothly until I noticed some strange pagination icons instead of the usual arrows. Here's a screenshot for reference: Weird pagination icons
Does anyone know how I can fix this issue?
Below is the Material Table tag with the attributes that have been included:
<MaterialTable
title="Title"
columns={this.state.columns}
data={newDataTable}
options={{
selection: true,
search: false,
sorting: true
}}
actions={[
{
icon: () => <Checkbox />,
tooltip: 'checkbox'
},
{
icon: () => <InfoIcon />,
tooltip: 'info',
onClick: (event, item) => {
this.setState({
isOpen: true,
selectedItem: item
});
}
}
]}
/>
</div>