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 vote218 views2 answers
What does html stand for
Html
0 vote189 views1 answer
Javascript ng-change get previous value
Html
1 vote142 views1 answer
How to pass a model in a partial view
Html
0 vote186 views1 answer
How to put two drop downs side by side in html
Html
1 vote213 views2 answers
How to change the preview image of a website
Html
12 votes187 views1 answer
Html escape characters
Html
79 votes230 views17 answers
Iframe
Html
-1 vote173 views2 answers
Html code heavy left arrow
Html
0 vote196 views1 answer
Superscript the word using html
Html
3 votes247 views2 answers
Html to flutter online
Html