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

21 votes131 views1 answer
Viewport responsive
Html
0 vote144 views3 answers
Username Patterns
Html
42 votes124 views5 answers
Textarea resize off
Html
0 vote170 views6 answers
Html ask for camera access
Html
0 vote143 views2 answers
Python download html as text
Html
94 votes157 views5 answers
Bootstrap justify-content-center for md
Html
0 vote133 views1 answer
Html form date para fecha limitada
Html
4 votes134 views3 answers
Bootstrap 4.5.3
Html
0 vote132 views1 answer
Bootstrap form-control inline
Html
0 vote131 views1 answer
Http://arnav.tcode.in/
Html