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

31 votes184 views6 answers
A tag html
Html
0 vote174 views1 answer
OpenGraph 2
Html
0 vote182 views1 answer
Selectpicker dropdown in bootsttrap
Html
0 vote178 views1 answer
A tag blank_
Html
8 votes238 views2 answers
Comment in html5
Html
2 votes175 views1 answer
Reload tab using meta
Html
0 vote192 views1 answer
How to stop text in html from becoming a link
Html
0 vote185 views1 answer
360 degree rotate image website code
Html
0 vote185 views6 answers
CSRF token in js
Html
0 vote187 views1 answer
Getmdl
Html