Material-UI: вкладка не реагирует с данными внутри - PullRequest
Новая
       9

Material-UI: вкладка не реагирует с данными внутри

0 голосов
/ 14 апреля 2020

Я использую Простые вкладки из Material-UI, и у меня есть одна вкладка, содержащая Datatable ( React-Data_Table ), и эта вкладка не реагирует, как и другие, когда таблица полный

пустой

полный

код 

<Grid item xs={12}>
    <Paper className={classes.paper}>
        <AppBar position="static" className={classes.appBar}>
            <Tabs value={value} onChange={handleChange} classes={{ indicator: classes.indicator }} variant="fullWidth">
                <Tab label="Tableau" {...a11yProps(0)} />
                <Tab label="Graphique" {...a11yProps(1)} />
                <Tab label="Carte" {...a11yProps(2)} />
            </Tabs>
        </AppBar>
        <TabPanel value={value} index={0}>
            <Table sections={props.sections}/>
        </TabPanel>
        <TabPanel value={value} index={1}>
            <Graph />
        </TabPanel>
        <TabPanel value={value} index={2}>
            <AppMap />
        </TabPanel>
    </Paper>
</Grid>

не знаю как чтобы исправить это, кроме, может быть, сделать CSS для изменения width с размером экрана

Спасибо за помощь

1 Ответ

0 голосов
/ 14 апреля 2020

Если дочерний элемент превышает размер родительского элемента (контейнерный элемент), я бы порекомендовал использовать max-width, чтобы ширина не превышала определенного предела.

...