We have created the design of the React Big Calendar. We have changed the colors, typography and buttons, so it can look like the rest of the dashboard.
You will find the styles for this component in assets/scss/nextjs-material-dashboard-pro/plugins/_plugin-react-table.scss.
On the last column of this component we’ve added text-align: left; because we’ve considered the last column to be reserved for the actions of the table. If you wish to change this behavior you need to change the styling found in the file below.
The components/ReactTable/ReactTable.js is just a demo table, and it comes as is. We do not offer support for adding or deleting new code or the demo code. If you wish to add new hooks to our demo component, you can do so. Or, you can duplicate our component and create a new one based on our.
For our demo component, we’ve used the following three examples from the react-table repository: