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

25 votes354 views6 answers
Navbar bootstrap 4
Html
0 vote418 views1 answer
Ragion frankfurt aws
Html
0 vote338 views1 answer
Image is too big html
Html
0 vote307 views1 answer
Html attribute dynamic value
Html
0 vote319 views2 answers
Auto play audo files html
Html
0 vote313 views2 answers
Bootstrap navbar button not working
Html
0 vote301 views1 answer
Best slider library
Html
0 vote318 views1 answer
V-select key
Html
0 vote284 views1 answer
How to add a border under div bootstrap
Html
1 vote302 views2 answers
Button to hide and show div
Html