Files
react-test/docs/data/joy/components/table/TableGlobalVariant.js
how2ice 005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
init project
2025-12-12 14:26:25 +09:00

39 lines
916 B
JavaScript

import Table from '@mui/joy/Table';
export default function TableGlobalVariant() {
return (
<Table
stickyHeader
sx={(theme) => ({
'& tr > *:first-child': { bgcolor: 'success.softBg' },
'& th[scope="col"]': theme.variants.solid.neutral,
'& td': theme.variants.soft.neutral,
})}
>
<caption>Alien football stars</caption>
<tbody>
<tr>
<th scope="col">Player</th>
<th scope="col">Gloobles</th>
<th scope="col">Za&apos;taak</th>
</tr>
<tr>
<th scope="row">TR-7</th>
<td>7</td>
<td>4,569</td>
</tr>
<tr>
<th scope="row">Khiresh Odo</th>
<td>7</td>
<td>7,223</td>
</tr>
<tr>
<th scope="row">Mia Oolong</th>
<td>9</td>
<td>6,219</td>
</tr>
</tbody>
</Table>
);
}