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

7 votes252 views1 answer
How to create comments in html5
Html
1 vote248 views1 answer
Change font size of input text html
Html
0 vote246 views3 answers
How to load html code in web browser in c# vs
Html
0 vote241 views1 answer
Anatomy of a html document
Html
0 vote294 views1 answer
How to make a dark mode html
Html
0 vote250 views1 answer
Close button on google map jump the page
Html
0 vote310 views1 answer
Input datetime without time
Html
15 votes247 views1 answer
Tabulation html
Html
1 vote222 views1 answer
How to conactenate href with variable html angular
Html
2 votes248 views1 answer
How to pass two values in one html.actionlink
Html