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

9 votes194 views2 answers
Html date placeholder
Html
0 vote198 views2 answers
How to put two words in a button on single line
Html
-2 votes197 views2 answers
How to add a logo in html
Html
0 vote206 views1 answer
Search input html with icon
Html
0 vote202 views1 answer
Disable submit button after form validation
Html
6 votes194 views2 answers
Html meta redirect to another page
Html
15 votes213 views2 answers
Html format date
Html
0 vote250 views1 answer
Collapsible accordion html+css only
Html
0 vote281 views3 answers
How to load html code in web browser in c# vs
Html
7 votes184 views4 answers
Audio html tag
Html