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 vote164 views1 answer
Prop sent via link has no spaces vuejs
Html
0 vote182 views1 answer
Hashtag in html
Html
0 vote182 views1 answer
Livewire wire:targer multiple target
Html
0 vote162 views1 answer
Show html files from firebase android studio
Html
0 vote178 views2 answers
Simple table in bootstrap
Html
0 vote159 views1 answer
Canvas drawImage wrong size image
Html
-2 votes168 views4 answers
Header
Html
1 vote158 views1 answer
How to align 2 buttons in a div
Html
6 votes159 views2 answers
Change html title
Html
0 vote158 views2 answers
Css how to place an icon on a photo
Html