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

5 votes362 views2 answers
Disable a tag
Html
0 vote163 views1 answer
Button onclick upload
Html
0 vote176 views1 answer
Bootstrap 4.6 add to css
Html
2 votes181 views2 answers
How to put the input box and the label on top of input
Html
-1 vote169 views1 answer
Structure of an html document
Html
3 votes160 views2 answers
Semantic elements
Html
0 vote171 views1 answer
Disable form first dropdown option
Html
0 vote190 views2 answers
React hooks html imput on change
Html
0 vote167 views1 answer
Twig not render
Html
0 vote185 views2 answers
Hyperlink html id
Html