Files
react-test/docs/data/joy/components/table/TableRowColumnSpan.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

54 lines
1.3 KiB
JavaScript

import Table from '@mui/joy/Table';
export default function TableRowColumnSpan() {
return (
<Table borderAxis="both">
<thead>
<tr>
<th rowSpan={2}>Name</th>
<th rowSpan={2}>ID</th>
<th colSpan={2} style={{ textAlign: 'center' }}>
Membership Dates
</th>
<th rowSpan={2}>Balance</th>
</tr>
<tr>
<th>Joined</th>
<th style={{ borderRightWidth: 0 }}>Canceled</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Margaret Nguyen</th>
<td>427311</td>
<td>
<time dateTime="2010-06-03">June 3, 2010</time>
</td>
<td>n/a</td>
<td>0.00</td>
</tr>
<tr>
<th scope="row">Edvard Galinski</th>
<td>533175</td>
<td>
<time dateTime="2011-01-13">January 13, 2011</time>
</td>
<td>
<time dateTime="2017-04-08">April 8, 2017</time>
</td>
<td>37.00</td>
</tr>
<tr>
<th scope="row">Hoshi Nakamura</th>
<td>601942</td>
<td>
<time dateTime="2012-07-23">July 23, 2012</time>
</td>
<td>n/a</td>
<td>15.00</td>
</tr>
</tbody>
</Table>
);
}