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 vote259 views1 answer
Less css
Html
30 votes254 views1 answer
Fork me on github html css code
Html
0 vote240 views1 answer
Link md
Html
1 vote213 views3 answers
Copywrite in html
Html
0 vote286 views1 answer
How to embed math in html
Html
6 votes261 views2 answers
Html meta redirect to another page
Html
3 votes246 views1 answer
Create a link in md
Html
0 vote238 views1 answer
Emmet html template
Html
208 votes338 views6 answers
How to link your js file to html
Html
15 votes285 views6 answers
Ngfor index
Html