To add a link in a DataGrid
in Material-UI with React, you can use the Link
component from react-router-dom
. Here’s an example:
import { Link } from 'react-router-dom';
//...
<DataGrid>
<DataGridCell>
<Link to="/link-destination">Link text</Link>
</DataGridCell>
</DataGrid>
You can also use the href
prop of the Link
component to specify the link destination.
<Link href="https://example.com">Link text</Link>
You can also customize the appearance of the link by applying styles or using the className
prop to apply classes from a CSS file.
<Link style={{ color: 'blue', textDecoration: 'underline' }} to="/link-destination">Link text</Link>
<Link className={classes.link} to="/link-destination">Link text</Link>