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

5 votes122 views2 answers
Innerhtml angular
Html
0 vote100 views1 answer
Button label html
Html
0 vote96 views1 answer
Check multiple ns
Html
-1 vote94 views1 answer
Not able to scroll in html page
Html
0 vote99 views1 answer
Jstl length
Html
6 votes111 views3 answers
Jquery unescape html
Html
2 votes114 views1 answer
Default html structure
Html
6 votes104 views9 answers
Create a portfolio website with html css
Html
0 vote101 views1 answer
Html5 comment
Html
6 votes107 views2 answers
Embed png in html
Html