const GameTable = props => <Table called={"true"} selectable> <Table.Header> <Table.Row> <Table.HeaderCell>Name</Table.HeaderCell> <Table.HeaderCell>Game</Table.HeaderCell> </Table.Row> </Table.Header> <Table.Body> { props.games && props.games.map((game) => <Table.Row key={game.id} active={props.selectedGameId === game.id} onClick={() => props.handleGameSelected(game)}> <Table.Cell>{game.player1.name} {game.player1.surname}</Table.Cell> <Table.Cell>{game.id}</Table.Cell> </Table.Row> ) } </Table.Body> </Table>
<Table.Header> <Table.Row> <Table.HeaderCell singleLine> Word </Table.HeaderCell> <Table.HeaderCell> Rating </Table.HeaderCell> <Table.HeaderCell> Definition </Table.HeaderCell> </Table.Row> </Table.Header>
<Table.Header> <Table.Row> <Table.HeaderCell>Id</Table.HeaderCell> <Table.HeaderCell>Name</Table.HeaderCell> <Table.HeaderCell>Email</Table.HeaderCell> </Table.Row> </Table.Header> <Table.Footer fullWidth> <Table.Row> <Table.HeaderCell /> <Table.HeaderCell colSpan="4"> <Button floated="right" </Table.HeaderCell> </Table.Row> </Table.Footer>
<Table.Header> <Table.Row> <Table.HeaderCell>Title</Table.HeaderCell> <Table.HeaderCell>Body</Table.HeaderCell> <Table.HeaderCell>Actions</Table.HeaderCell> </Table.Row> </Table.Header>
<Table.Header> <Table.Row> <Table.HeaderCell className='title'>Random Countries</Table.HeaderCell>
<Table.Header> <Table.Row> <Table.HeaderCell>Category</Table.HeaderCell> <Table.HeaderCell>Event</Table.HeaderCell> <Table.HeaderCell>Delete</Table.HeaderCell> </Table.Row> </Table.Header>
<Table.Header> <Table.Row> <Table.HeaderCell>Id</Table.HeaderCell> <Table.HeaderCell>Name</Table.HeaderCell> <Table.HeaderCell>Email</Table.HeaderCell> </Table.Row> </Table.Header> <Table.Footer fullWidth> <Table.Row> <Table.HeaderCell /> <Table.HeaderCell colSpan="4"> <Button floated="right" </Table.HeaderCell> </Table.Row> </Table.Footer>
<Table.Header> <Table.Row> <Table.HeaderCell>Name</Table.HeaderCell> <Table.HeaderCell>Address</Table.HeaderCell> <Table.HeaderCell>Actions</Table.HeaderCell> <Table.HeaderCell>Actions</Table.HeaderCell> </Table.Row> </Table.Header>
<Table.Header> <Table.Row> <Table.HeaderCell>ID</Table.HeaderCell> <Table.HeaderCell>IP</Table.HeaderCell> <Table.HeaderCell className='eight wide'>Agent</Table.HeaderCell> <Table.HeaderCell>Active Pages</Table.HeaderCell> <Table.HeaderCell>Time Connected</Table.HeaderCell> </Table.Row> </Table.Header>
<Table.Header> <Table.Row> <Table.HeaderCell>Name</Table.HeaderCell> <Table.HeaderCell>Description</Table.HeaderCell> <Table.HeaderCell style={{ textAlign: 'center', width: 260}}>Actions</Table.HeaderCell> </Table.Row> </Table.Header>
<Table.Header> <Table.Row> <Table.HeaderCell className='title'>Results</Table.HeaderCell> </Table.Row> </Table.Header>
<Table.Header> <Table.Row> <Table.HeaderCell textAlign='center'>Portfolio</Table.HeaderCell> <Table.HeaderCell textAlign='center'>Assets</Table.HeaderCell> <Table.HeaderCell textAlign='center'>Month-to-Date</Table.HeaderCell> <Table.HeaderCell textAlign='center'>Quarter-to-Date</Table.HeaderCell> <Table.HeaderCell textAlign='center'>Year-to-Date</Table.HeaderCell> <Table.HeaderCell textAlign='center'>Actions</Table.HeaderCell> </Table.Row> </Table.Header>
const ExampleTable = () => <Table celled padded> <Table.Header> <Table.Row> <Table.HeaderCell singleLine>Evidence Rating</Table.HeaderCell> <Table.HeaderCell>Effect</Table.HeaderCell> <Table.HeaderCell>Efficacy</Table.HeaderCell> <Table.HeaderCell>Consensus</Table.HeaderCell> <Table.HeaderCell>Comments</Table.HeaderCell> </Table.Row> </Table.Header>
<Table.Header> <Table.Row> <Table.HeaderCell>Name</Table.HeaderCell> <Table.HeaderCell>Price</Table.HeaderCell> <Table.HeaderCell>Actions</Table.HeaderCell> <Table.HeaderCell>Actions</Table.HeaderCell> </Table.Row> </Table.Header>
<Table.Header> <Table.Row> <Table.HeaderCell>ID</Table.HeaderCell> <Table.HeaderCell>IP</Table.HeaderCell> <Table.HeaderCell className='eight wide'>Agent</Table.HeaderCell> <Table.HeaderCell>Active Pages</Table.HeaderCell> <Table.HeaderCell>Time Connected</Table.HeaderCell> </Table.Row> </Table.Header>