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

14 votes268 views4 answers
How to remove suggestions from input field
Html
8 votes172 views2 answers
How to add title icon in html
Html
1 vote177 views1 answer
Break to a new line flexbox
Html
75 votes190 views6 answers
Html button with href
Html
0 vote188 views1 answer
Hll
Html
4 votes168 views2 answers
How to set domain name on localhost linux ubuntu xampp
Html
9 votes164 views4 answers
Html add image from folder
Html
0 vote190 views1 answer
Html textarea background text
Html
2 votes161 views2 answers
Hover message html
Html
2 votes175 views2 answers
Scroll dropdown bootstrap
Html