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 vote190 views1 answer
Read only textview nativescript
Html
1 vote180 views1 answer
How to add google icons in html
Html
1 vote194 views1 answer
Bs4 monospace
Html
0 vote207 views1 answer
Livewire wire:targer multiple target
Html
13 votes183 views5 answers
Html div
Html
15 votes200 views10 answers
Hello world
Html
2 votes197 views1 answer
Ml5 cdn
Html
295 votes301 views6 answers
Html import css
Html
2 votes193 views10 answers
Facebook
Html
3 votes215 views5 answers
Angular model change
Html