score:2
generally, you would have to add another tablecell
to your tablerow
inside tablehead
since the body is not linked to your header row.
i would recommend naming the header of this column something like "actions" in case you add more "actions".
<tablecontainer component={paper}>
<table>
<tablehead>
<tablerow>
...
<tablecell> actions </tablecell>
</tablerow>
</tablehead>
<tablebody>
...
</tablebody>
</table>
</tablecontainer>
if you want to add a tooltip, you can try wrapping it inside a tooltip
component (material-ui tooltip)
<tablecontainer component={paper}>
<table>
<tablehead>
<tablerow>
...
</tablerow>
</tablehead>
<tablebody>
...
<tooltip title="save user">
<button/>
</tooltip>
</tablebody>
</table>
</tablecontainer>
Source: stackoverflow.com
Related Query
- Material UI react missing action table header
- React Material Table action button markup overriding for multiple actions
- Header flickering and freezing issue with material table (implemented with react window + react window infinite loader)
- is there a way to add a <label></label> to every column header using Material Table React
- React Material Table action OnClick event for edit and delete does not fire action
- Expandable table in React material ui
- CORS header ‘Access-Control-Allow-Origin’ missing REACT
- React material table automatic page size
- React Material-Ui Sticky Table Header with Dynamic Height
- Need to navigate link while clicking material ui table row in React Router 4
- Limiting table selects not working - material UI table - react
- React material ui table can't get element from row
- React table with static header on browser scroll
- How to add floating action button on the right-bottom side of the screen using material ui in react
- React with Material UI Table Pagination show all entries
- Removing a header name in react table and making it empty
- how to change material table action fields icon
- Material UI React table hangs on switching tabs
- Getting async data in a react material table component
- Material UI React Table onCellClick
- Cannot read properties of undefined (reading 'direction') React JS Material Table
- Implement pagination for React Material table
- How to change default sorting icon on table header column on React Material-Table?
- React Material table editing using hooks
- React Material UI show progress in Table while waiting on data
- React - how to handle a cell click of a specific column of a datagrid table of material ui?
- React - Material UI: How to remove scrollbar from table
- Filter table with checkboxes with React & Material UI
- How to make react data grid table cell editable and focused on click of a button without performing a double click action
- How to make only text of react bootstrap table header clickable
More Query from same tag
- How to import component in react native past two folders?
- Call two different components of react js on same html page
- Get image from server and preview it on client
- reactjs - redux form and material ui framework -- with auto type - and clearing field functionality
- How to select a range of cells from a datasheet and display in a drop-down
- React "after render" code?
- How to use react-tether with react-dom createPortal to be able to style tethered component according to the component it's tethered to?
- Form Semantic UI React
- Using Enzyme with Jest to test Material-UI Select control
- Don't loadOptions on initial render
- changes to state issued from custom hook not causing re-render even though added to useEffect
- My codes won't stop looping (Ionic React Firestore) (ReactJS)
- Reactjs - How to pass an array to a function?
- Redux action creator finishes, update subscribed component
- Cannot find the error in React application
- Duplicating dropdown filter items from API - Reactjs
- Pass this.props.children to another file in react-router
- How I can create a simple React component rendered as a <div> which takes a text value and a foreground color as input
- How to use java applet in reactjs
- Trying to find the time difference (in minutes) from a given time and the current time now in my React application
- Why is this map in react not rendering?
- Use of curly braces in React
- GitHub Code highlighting for React file with js extension
- Why is Dispatcher launching unnecessary events on Flux?
- Conditional rendering doesn't work because variable isn't defined yet
- TypeError: Cannot read property 'filter' of undefined (live searching)
- Custom Reactjs Checkbox component needs dynamic colors
- React on different subdomains
- reach-router background-image not displaying correctly sometimes
- workbox webpack 4 plugin unable to precache non-webpack assets