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

2 votes112 views3 answers
Ion-datetime cancel text
Html
3 votes114 views1 answer
How to use custom domain name instead of localhost on xampp for linux
Html
26 votes115 views3 answers
Line under text html
Html
38 votes98 views6 answers
Mailto html
Html
0 vote107 views1 answer
How to make the border invisible in html
Html
0 vote61 views1 answer
Histogram with frequency curve using seaborn
Html
28 votes112 views3 answers
Html with new line \n
Html
1 vote77 views1 answer
Icon inside input
Html
0 vote102 views1 answer
Ome.tv no camera
Html
1 vote110 views1 answer
Bootstrap 5 official website
Html