Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Datatable properties not working

Jet Crazy free asked 5 years ago


Expected behavior*What the example code displays for datatables.*Actual behavior*A table that is not styled*Resources (screenshots, code snippets etc.)

 return <MDBDataTable striped bordered hover data={data} />;

straight from the example code as i thought i was doing something wrong but It is not styling. also using version 4.19.1 No properties work.


Aliaksandr Andrasiuk staff answered 5 years ago


Hi,

Be sure you imported all the styles needed into index.js to work:

import '@fortawesome/fontawesome-free/css/all.min.css';
import 'bootstrap-css-only/css/bootstrap.min.css';
import 'mdbreact/dist/css/mdb.css';
... rest of imports below:
import './index.css';
import App from './App';

You can read the instructions by following this link.

Hope I could help.

Best regards.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.19.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags