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

3 votes151 views1 answer
Html input change default error message
Html
0 vote166 views1 answer
Html enlace
Html
3 votes154 views3 answers
Input type="date"
Html
0 vote113 views1 answer
Html pass attribute to react
Html
0 vote152 views1 answer
55
Html
0 vote168 views1 answer
Breadcrumb b5
Html
0 vote138 views1 answer
Html mobile does not show pdf with object
Html
0 vote159 views1 answer
Multiple styles on one line
Html
0 vote169 views1 answer
Une solitude
Html
18 votes194 views6 answers
Title tag in html
Html