Sha256: 64fd3fa4c1b9a087c51b661f6853e9fedc6591f7f64f3fd0307a21e89be52905
Contents?: true
Size: 1.31 KB
Versions: 164
Compression:
Stored size: 1.31 KB
Contents
import React from 'react'
import { Table, Title } from '../../'
const TableResponsiveTable = () => {
return (
<div>
<Title
size={4}
text="Default"
/>
<Table>
<thead>
<tr>
<th>{'Column 1'}</th>
<th>{'Column 2'}</th>
<th>{'Column 3'}</th>
<th>{'Column 4'}</th>
<th>{'Column 5'}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{'Value 1'}</td>
<td>{'Value 2'}</td>
<td>{'Value 3'}</td>
<td>{'Value 4'}</td>
<td>{'Value 5'}</td>
</tr>
</tbody>
</Table>
<br />
<br />
<Title
size={4}
text="Default"
/>
<Table responsive="none">
<thead>
<tr>
<th>{'Column 1'}</th>
<th>{'Column 2'}</th>
<th>{'Column 3'}</th>
<th>{'Column 4'}</th>
<th>{'Column 5'}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{'Value 1'}</td>
<td>{'Value 2'}</td>
<td>{'Value 3'}</td>
<td>{'Value 4'}</td>
<td>{'Value 5'}</td>
</tr>
</tbody>
</Table>
</div>
)
}
export default TableResponsiveTable
Version data entries
164 entries across 164 versions & 1 rubygems