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 vote158 views1 answer
Tailwind container
Html
0 vote186 views1 answer
Html select component
Html
9 votes170 views4 answers
How to remove title bar in android studio kotlin
Html
-1 vote164 views1 answer
Select option with icon bootstrap
Html
7 votes166 views2 answers
How to add multiple CSS inline html
Html
0 vote166 views1 answer
Page auto refresh
Html
0 vote175 views2 answers
How to check *ngIf with ENUMs in componenet.html
Html
0 vote144 views1 answer
Listen on contenteditable
Html
0 vote156 views1 answer
Documentformat.openxml bold text
Html
0 vote185 views1 answer
Basic steps convert design into html
Html