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 vote331 views1 answer
Dollar zero html
Html
3 votes313 views1 answer
Ul attributes in html
Html
3 votes299 views2 answers
Iframe youtube not working
Html
0 vote281 views1 answer
Google translate english to bangla
Html
0 vote293 views1 answer
Close button on google map jump the page
Html
0 vote368 views1 answer
I = ["hi", "he",
Html
0 vote324 views1 answer
Html click hide textbox
Html
0 vote237 views1 answer
Why return function solidity
Html
1 vote342 views1 answer
Material react grid
Html
0 vote300 views1 answer
Visual studio code black mode off
Html