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 vote211 views1 answer
Passing parameters from C# to js fucntions
Html
0 vote237 views2 answers
Subscript in html
Html
0 vote199 views1 answer
Iframe adjust pdf zoom
Html
24 votes250 views4 answers
Bootstrap button outline
Html
6 votes199 views2 answers
React render string as html
Html
8 votes245 views3 answers
Jquery $ is not defined
Html
0 vote220 views3 answers
Solution
Html
0 vote215 views1 answer
How do you set a focus keyphrase in html site
Html
0 vote210 views1 answer
What permissions should var/www/html have
Html
2 votes275 views3 answers
Coronavirus tips
Html