Как сделать так, чтобы элемент таблицы всегда оставался в центре?

Question

У меня есть компонент только с таблицей для отображения.Это мой рендер:

<Grid container>
            <Grid.Column width={16}>
                <Table color="teal" inverted>

Проблема в том, что таблица, кажется, находится слева от экрана, я не могу поместить ее точно в центр.Что я делаю не так?

Answer 1

Если вы используете React-Material, то это полезно для вас-

   <Grid 
       container 
       direction="column" 
       justify="center" 
        alignItems = "center">
        <Grid.Column width={16}>
            <Table color="teal" inverted>

Answer 2

Это может помочь -:

.container{
    display: flex;
    justify-content: center;
    align-items: center;
}