TableContent

<ScrollArea
    h="calc(100% - 50px)"
    onScrollPositionChange={({ y }) => setScrolled(y !== 0)}
>
    <Table.ScrollContainer minWidth={975}>
        <Table verticalSpacing="sm" highlightOnHover>
            <Table.Thead
                className={clsx({
                    [classes.header]: true,
                    [classes.scrolled]: scrolled,
                })}
            >
                <Table.Tr>
                   <Th
                        sorted={sortBy === 'name'}
                        reversed={reverseSortDirection}
                        onSort={() => setSorting('name')}
                    >
                        Name
                    </Th>
                    <Th
                        sorted={sortBy === 'artistname'}
                        reversed={reverseSortDirection}
                        onSort={() => setSorting('artistname')}
                     >
                            Artistname
                    </Th>
                    <Th
                        sorted={sortBy === 'email'}
                        reversed={reverseSortDirection}
                        onSort={() => setSorting('email')}
                     >
                            E-Mail
                    </Th>
                    <Th
                        sorted={sortBy === 'phone'}
                        reversed={reverseSortDirection}
                        onSort={() => setSorting('phone')}
                    >
                            Phone
                    </Th>
                    <Th
                        sorted={sortBy === 'status'}
                        reversed={reverseSortDirection}
                        onSort={() => setSorting('status')}
                    >
                        Status
                    </Th>
                </Table.Tr>
            </Table.Thead>
            <Table.Tbody>
                {rows.length > 0 ? (rows) : (
                <Table.Tr>
                     <Table.Td
                        colSpan={Object.keys(data[0]).length}
                     >
                         <Text fw={500} ta="center"> Nothing found </Text>
                    </Table.Td>
                </Table.Tr>
                )}
            </Table.Tbody>
        </Table>
    </Table.ScrollContainer>
</ScrollArea>