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

0 vote118 views5 answers
Html viber telegram whatsapp buttons
Html
3 votes144 views1 answer
Tab icon
Html
3 votes108 views1 answer
Bootstrap hero header
Html
4 votes105 views6 answers
Tab content bootstrap 4
Html
0 vote113 views1 answer
E.target.value svelte
Html
-1 vote113 views1 answer
Convert html to wordpress
Html
0 vote112 views1 answer
Get id value of html dropdown in jquery
Html
0 vote109 views1 answer
How to kill html
Html
0 vote112 views1 answer
React native render html not rerender
Html
0 vote108 views3 answers
Php warning: php startup: unable to load dynamic library 'bz2'
Html