gregnb / gregnb/mui-datatables

How to use a material-ui menu drop-down inside mui-datatables customBodyRender

Open
#1,238 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.7k
Forks
906
PR merge metrics
No merged PRs in 30d

Description

[
{
name: "id",
label: " ",
options: {
filter: true,
sort: false,
customBodyRender: id => {
const options = ["View", "Signature", "Download", "Share", "Delete"];

return (






{options.map(option => (
openFilePreviewDialog(id)}
>
{option}

))}


);
}
}
}
];

Thank you very much for contributing to MUI-datatables by creating an issue! ❤️
-->

## Expected Behavior

## Current Behavior

## Steps to Reproduce (for bugs)

1.
2.
3.
4.

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | |
| MUI-datatables | |
| React | |
| browser | |
| etc | |

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue provides a customBodyRender snippet using Material-UI components but names no repository files or tests. Start by reproducing the menu usage in a small table example and inspect the project documentation and examples for customBodyRender guidance. Done means the supported usage is documented or the question is answered with a verified example.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
documentation, frontend
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.