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 vote204 views1 answer
Flex-end tailwind
Html
1 vote212 views1 answer
Javascript onclick back
Html
0 vote241 views4 answers
Add active class depending on the route laravel
Html
0 vote208 views1 answer
Href seo
Html
0 vote213 views1 answer
Html mobile does not show pdf with object
Html
213 votes232 views3 answers
Bootstrap start
Html
0 vote253 views1 answer
Import html display
Html
0 vote232 views1 answer
Twig map
Html
0 vote212 views1 answer
Angular material disable radio button
Html
0 vote220 views1 answer
Html don't date to phone number
Html