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

1 vote260 views1 answer
Change cursor to hand on hover
Html
0 vote293 views1 answer
How to call html.action in asp.net core
Html
0 vote282 views1 answer
Tailwind box sizing
Html
0 vote278 views1 answer
Html embed from mem
Html
61 votes308 views1 answer
Html web form
Html
1 vote271 views1 answer
Nuxt title page
Html
32 votes283 views5 answers
Jquery select by id
Html
1 vote352 views2 answers
Send a SMS Text From A Link - the new code
Html
9 votes283 views4 answers
Click angular
Html
0 vote304 views1 answer
Boostrap base theme
Html