CSS isn't working with MDB Datatable

Topic: CSS isn't working with MDB Datatable

Aman asked 4 years ago

*Expected behavior*css should be applied

*Actual behavior*After installing mdbreact and importing all the necessary components, design isn't applied.

enter code here

//index.jsimport '@fortawesome/fontawesome-free/css/all.min.css'; import 'bootstrap-css-only/css/bootstrap.min.css';import 'mdbreact/dist/css/mdb.css';

//Componentimport * as React from 'react';import {MDBDataTable, MDBBtn, MDBInput, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter, MDBIcon, MDBBadge, MDBContainer, MDBRow, MDBCol} from "mdbreact";

const DatatablePage = () => {const data = {............};return ( MDBDataTable striped bordered hover data={data} />);}

enter image description here

Piotr Glejzer staff commented 4 years ago

you have to import styles in your index.js ( where you have a render your App), before import App.js

Add comment

Aman answered 4 years ago

0 0 Best answer

Thanks @Piotr Glejzer it worked.

one thing is still missing the sorting icon on each table, would you like to guide me there as well please?

enter image description here

Piotr Glejzer staff commented 4 years ago

did you load properly font awesome?

Add comment

Write

FREE CONSULTATION

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

Status

Answered

Specification of the issue

User: Free
Premium support: No
Technology: MDB React
MDB Version: 4.27.0
Device: Dell
Browser: Chrome, edge
OS: Windows
Provided sample code: No
Provided link: No

Tags

mdb-min-css fortawesome

Related topics

1: Getting error Mdb.css

0: Setting amount of rows in textarea.

0: Additional step - using MDB Lite version

0: Integration of Angular fontawesome

0: SideNav CSS replaces form select dropdown CSS (<li> active)

About author

Aman

15Support score
1Questions 1Answers

0Snippets likes 0Snippets