How to align column header with data(checkbox header and checkbox data) in react table using semantic ui react

Question

How to align 1st column (checkbox header and checkbox data) in react table using semantic ui react

<Table.Body> .map((el) => { return ( <Table.Row key={el.report_ref_no}> <Table.Cell> {" "} {" "} </Table.Cell>

Answer 1

Use this CSS verticalAlign = 'middle' textAlign = 'center'