Chakra ui center content table

<!-- just use textAlign="center" -->
<Table>
  <Thead>
    <Tr>
      <Th />
      <Th>First name</Th>
      <Th>Last name</Th>
      <Th textAlign="center">Participation</Th>
	</Tr>
	</Thead>
	<Tbody>
  	{participationData.map((participation, i) => (
      <Tr>
        <Td>{i}</Td>
        <Td>{participation.firstName}</Td>
        <Td>{participation.lastName}</Td>
        <Td textAlign="center">{participation.participation}</Td>
	  </Tr>
    ))}
  </Tbody>
</Table>

Similar codes

0 vote238 views1 answer
Bootsrap min css
Html
3 votes212 views3 answers
Click outside box jquery
Html
0 vote210 views1 answer
Page auto refresh
Html
13 votes220 views4 answers
Bootstrap..
Html
6 votes224 views3 answers
Input type textarea
Html
0 vote230 views1 answer
Cannot resolve net.md-5:bungeecord-api:1.16-SNAPSHOT
Html
3 votes215 views2 answers
Business card html template
Html
0 vote238 views1 answer
Jqery each from string html
Html
0 vote222 views1 answer
Copy to cllipboard the html element
Html
38 votes226 views6 answers
Mailto html
Html