1 answers

0 points

Asked by:

Zayyan-Todd

860

How can I center items in Table component in React-Bootstrap?

I've tried adding className="justify-content-center" and className="align-items-center".

1 answer

0 points

Answered by:

Admin Dirask Community

4380

Just add text-center class to your Table component:

xxxxxxxxxx
 
<Table className='text-center'>

Practical example:

xxxxxxxxxx
 
const MyComponent = () => {
    return (
        <Table striped bordered hover className='text-center'>
            <thead>
                // ...
            </thead>
            <tbody>
                // ...
            </tbody>
        </Table>
    );
};