CSS conflict with the main react page

MUI data table CSS is conflicting with the https://www.creative-tim.com/product/material-dashboard-pro-react template and the responsiveness and other components are not working properly.

How to isolate the mui datatable css from the main page css to avoid this issue

## Expected Behavior

Work as in the demo provided

## Current Behavior

CSS conflict , Responsivenesss isssue , Component style mismatch

## Steps to Reproduce (for bugs)

Use the plugin with the https://www.creative-tim.com/product/material-dashboard-pro-react or the free version https://www.creative-tim.com/product/material-dashboard-react

1. Install the template
2. Install the table
3. render the table

## Your Environment

React 16.7
Material UI 3.9.0

| Tech | Version |
|--------------|---------|
| Material-UI | 3.9.0 |
| MUI-datatables | latest |
| React | 16.7 |
| browser | chrome |
| etc | |