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

0 vote115 views1 answer
Laravel 5: Mostrar HTML con Blade
Html
0 vote113 views2 answers
Show text when mouse over button html
Html
1 vote120 views1 answer
What is dir attribute in html
Html
0 vote105 views1 answer
Progress bar bootstrap 5
Html
-1 vote115 views1 answer
Align center bootstrap 5 objects
Html
0 vote108 views1 answer
Selectpicker dropdown in bootsttrap
Html
2 votes117 views1 answer
Make text blue html
Html
0 vote61 views1 answer
Link md
Html
0 vote109 views1 answer
Are h1 block elements
Html
10 votes103 views4 answers
Html lang attribute
Html