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

1 vote172 views1 answer
Ngif async pipe
Html
-2 votes167 views1 answer
Change transparancy img css
Html
2 votes218 views2 answers
Jinja2 iterate dict
Html
0 vote166 views4 answers
<script> var x = 4; var y = 5; var z = x + y; z = x*y; document.getElementById('demo').innerHtml= z; system.print(z); </script>
Html
0 vote183 views2 answers
Reveal CSS Animations
Html
85 votes183 views5 answers
Justify content css
Html
1 vote216 views1 answer
How to convert a html canvas into a png file
Html
1 vote177 views2 answers
Html video disable controls
Html
0 vote204 views1 answer
Como cambiar la fuente de letra en html
Html
0 vote160 views10 answers
Transcash
Html