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 vote96 views1 answer
Fam
Html
0 vote137 views1 answer
Height 100% tailwind
Html
0 vote156 views1 answer
Clean urls
Html
0 vote153 views1 answer
Cuales son los elementos bloque y los elementos linea
Html
1 vote139 views2 answers
Html if no image then text
Html
0 vote168 views1 answer
Physical and logical tags in html
Html
0 vote148 views1 answer
Material ui appbar elevation
Html
0 vote176 views2 answers
Echo
Html
1 vote162 views1 answer
Base tag after link tag
Html
0 vote147 views1 answer
React router preventing assets from being served
Html