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

3 votes336 views1 answer
Svg xmlns
Html
1 vote311 views1 answer
Jinja avoid auto escape
Html
1 vote337 views1 answer
Faq html css
Html
69 votes325 views5 answers
Radio button in html
Html
0 vote331 views1 answer
Bulma css lighter buttons
Html
0 vote309 views1 answer
How to do anchor in jupyter notebook markdown
Html
84 votes339 views6 answers
Html favicon tag
Html
1 vote297 views2 answers
Convert haml to html
Html
1 vote346 views1 answer
Html query zip code
Html
0 vote384 views3 answers
Display li in navbar in the same line
Html