Как отредактировать CSS UI компонента материала таблицы таблиц - PullRequest
0 голосов
/ 14 февраля 2019

Я использую tablepagination, которая находится внутри модальной зоны, и поэтому компонент Select с компонентами menuItem находится позади модальной, и я не могу его увидеть.Все, что мне нужно сделать, это применить более высокий zIndex для выбора компонента, я думаю, но я не знаю как.Лучшее, что я сделал до сих пор, это изменил цвет на зеленый.

const styles = {
    selectRoot: {
        zIndex: 1600,
        background: '#00ff00'
    }
}

<TableFooter>
    <TableRow>
        <TablePagination
            classes={{selectRoot: classes.selectRoot}}
            count={dataCount}
            rowsPerPage={rowsPerPage}
            page={page}
            onChangePage={this.handleChangePage}
            onChangeRowsPerPage={this.handleChangeRowsPerPage}
            labelDisplayedRows={({ from, to, count }) => `${from} - ${to} / ${count}`}
            labelRowsPerPage={<IntlMessages id="datatable.labelRowsPerPage" />}
        />
    </TableRow>
</TableFooter>

enter image description here

Кто-то может помочь?

...