Skip to content

Commit

Permalink
docs: update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
coston committed Aug 16, 2024
1 parent d92b1b3 commit 2e5bd6b
Showing 1 changed file with 28 additions and 34 deletions.
62 changes: 28 additions & 34 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,40 +33,34 @@ npm install react-super-responsive-table --save
3. Write your html table with the imported components.

```jsx
import React from 'react';
import { Table, Thead, Tbody, Tr, Th, Td } from 'react-super-responsive-table';
import 'react-super-responsive-table/dist/SuperResponsiveTableStyle.css';

export default function TableExample(props) {
return (
<Table>
<Thead>
<Tr>
<Th>Event</Th>
<Th>Date</Th>
<Th>Location</Th>
</Tr>
</Thead>
<Tbody>
<Tr>
<Td>Tablescon</Td>
<Td>9 April 2019</Td>
<Td>East Annex</Td>
</Tr>
<Tr>
<Td>Capstone Data</Td>
<Td>19 May 2019</Td>
<Td>205 Gorgas</Td>
</Tr>
<Tr>
<Td>Tuscaloosa D3</Td>
<Td>29 June 2019</Td>
<Td>Github</Td>
</Tr>
</Tbody>
</Table>
);
}
() => (
<Table>
<Thead>
<Tr>
<Th>Event</Th>
<Th>Date</Th>
<Th>Location</Th>
</Tr>
</Thead>
<Tbody>
<Tr>
<Td>Tablescon</Td>
<Td>9 April 2019</Td>
<Td>East Annex</Td>
</Tr>
<Tr>
<Td>Capstone Data</Td>
<Td>19 May 2019</Td>
<Td>205 Gorgas</Td>
</Tr>
<Tr>
<Td>Tuscaloosa D3</Td>
<Td>29 June 2019</Td>
<Td>Github</Td>
</Tr>
</Tbody>
</Table>
);
```

## Using Dynamic Headers
Expand Down

0 comments on commit 2e5bd6b

Please sign in to comment.