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
54 lines
1.3 KiB
JavaScript
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>
|
|
);
|
|
}
|