Click to Copy Feature Guide
Mantine React Table has an easy-to-implement feature that allows a user to copy a cell's value to the clipboard.
Relevant Table Options
Relevant Column Options
Enable Click to Copy Per Column
Most likely, there will just be a couple columns that you want to enable click to copy for. You can do this by setting the
trueper column on the column definition.
Enable Click to Copy For All Cells
Alternatively, you can enable click to copy globally by setting the
enableClickToCopytable option to
true. You could then opt out per column by setting the
falseon the column definition.
Customize Copy Buttons
The click to copy feature is built on top of the Mantine UnstyledButton and CopyButton components. You can customize the copy button by passing in the
mantineCopyButtonPropstable or column option.
Click to Copy Example
1-5 of 5
View Extra Storybook Examples