Filter matching highlighting "cell" columns
Hi, so if i use simple columns like this:
{
accessorKey: "name",
header: "Name",
},
highlighting works fine, in documentation for mantine react table it says that i should use renderedCellValue instead of cell.getValue(), but on this code snippet highlighting does not work:
{
accessorKey: "description",
header: "Description",
maxSize: 200,
minSize: 100,
Cell: ({ renderedCellValue }) => {
return (
<>
{renderedCellValue ? (
<Text>
{renderedCellValue}
</Text>
) : (
<Group position={"center"}>-</Group>
)}
</>
);
},
mantineTableBodyCellProps: {
style: {
whiteSpace: "normal",
wordBreak: "break-word",
},
},
},
Also how should i go about solving this issue in this 2 columns:
{
accessorKey: "read_address.address",
header: "Address",
size: 480,
maxSize: 480,
Cell: ({ cell, row }) => {
return (
<OverflowText>
<ButtonCopy
address={cell.getValue<string>()}
syncedPercentage={
processSyncedRatio(row.original.average_synced_ratio) || null
}
></ButtonCopy>
</OverflowText>
);
},
},3 Replies
conscious-sapphire•16mo ago
I'm confused, is this for the
mantine-react-table library and not vanilla TanStack React Table?unwilling-turquoiseOP•16mo ago
@KevinVandy yes, its way more active here and its pretty much the same thing from my understanding
conscious-sapphire•16mo ago
well please don't polute MRT questions here