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 vote336 views1 answer
Github icon html
Html
3 votes324 views6 answers
Https://www.codegrepper.com
Html
5 votes308 views2 answers
Alt meaning in html
Html
91 votes351 views6 answers
Bootstrap color class
Html
4 votes326 views1 answer
A href to other site
Html
1 vote312 views1 answer
Disabled input fields vue
Html
0 vote325 views1 answer
Remove validation error after it has been corrected in html
Html
1 vote323 views1 answer
Simple form label
Html
17 votes346 views2 answers
Change text width html
Html
0 vote334 views1 answer
React bootstrap navbar fixed
Html