Mantine DataTable
6.0.8
Home
Getting started
Examples
Basic usage
Basic table properties
Column properties
Column grouping
Customizing border colors
Additional styling
Non-standard record IDs
Default column properties
Default column render
Scrollable vs. auto-height
Empty state
Pagination
Sorting
Dragging & Toggling
Column resizing
Implementing infinite scrolling
Searching and filtering
Records selection
Handling row clicks
Handling cell clicks
Row context menu
Expanding rows
Nested tables
Nested tables with async data loading
Nested tables with async data loading and sorting
Row actions cell
Pinning the last column
Links or buttons inside clickable rows/cells
Disabling text selection
Asynchronous data loading
Custom row or cell attributes
Using bodyRef with AutoAnimate
Complex usage
Component properties
Contribute & support
Who is using Mantine DataTable
Hire the author
Mantine V7 support
Changelog
Source
Sponsor
43.9k/mo
Mantine DataTable
6.0.8
Theme
Light
Dark
Examples › Disabling text selection
textSelectionDisabled
The
DataTable
component conveniently allows you to disable text selection.
For instance, for usability reasons, it would make sense to disable text selection if you:
work with
records selection
;
handle row clicks
;
use a
row context-menu triggered by click event
;
use
sorting
.
Disable text selection
Name
City
State
Sipes Inc
Twin Falls
MT
Runolfsdottir - Cummerata
Missouri City
KY
Johnston LLC
Hartford
KY
Crist and Sons
Attleboro
WV
Schmidt and Sons
Collierville
AL
No records
return
(
<
DataTable
// ...
/
>
)
;
Go back
Examples › Links or buttons inside clickable rows/cells
Up next
Examples › Asynchronous data loading
Mantine DataTable is trusted by
Pachtop
Ganymede
COH3 Stats
ccrentals.org
Built by
Ionut-Cristian Florescu
and
these awesome people
.
Please
sponsor the project
if you find it useful.