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 vote314 views2 answers
Bootstrap navbar button not working
Html
0 vote331 views2 answers
Agregar atributo html con id jquery
Html
24 votes335 views3 answers
Change icon html
Html
0 vote311 views1 answer
Njk else if
Html
5 votes314 views1 answer
How to link html pages in different folders
Html
0 vote318 views2 answers
Bootstrap 4 stop auto slide
Html
3 votes311 views1 answer
Nuxt i18n link
Html
0 vote313 views1 answer
Html page in wordpress
Html
0 vote317 views1 answer
Two divs in the same place
Html
0 vote304 views1 answer
How to put two drop downs side by side in html
Html