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

13 votes248 views2 answers
Html button redirect
Html
0 vote250 views2 answers
Html cite
Html
0 vote261 views1 answer
Multicolored text in html
Html
2 votes251 views1 answer
Show pdf in html
Html
4 votes241 views1 answer
Empty tag in html
Html
0 vote223 views1 answer
Px in react is different from html file
Html
4 votes241 views1 answer
Href rel
Html
3 votes221 views2 answers
How to add icon to custom page tab
Html
21 votes222 views6 answers
Html text box
Html
5 votes266 views2 answers
Html to markdown
Html