Получить кнопки и таблицы нумерации страниц на странице слева в пользовательском интерфейсе материала - PullRequest
Новая
       6

Получить кнопки и таблицы нумерации страниц на странице слева в пользовательском интерфейсе материала

0 голосов
/ 20 октября 2018

У меня есть сайт, на котором я пытаюсь сжать стол, чтобы уместить его на экране мобильного телефона, и при необходимости увеличивать его.Я могу заставить его уменьшаться и отбрасывать горизонтальные полосы прокрутки, однако нижний колонтитул вызывает у меня проблемы.Содержание нижнего колонтитула, кажется, не следует за остальными.Похоже, что это часть их кода для правильного выравнивания.Есть ли способ изменить это?

Код: 

    <TableFooter classes={classes.footer}>
    <div className={classes.footer}></div>
        <TablePagination
          className={classes.footer}
          colSpan={1}
          count={data.length}
          rowsPerPage={rowsPerPage}
          page={page}
          onChangePage={this.handleChangePage}
          onChangeRowsPerPage={this.handleChangeRowsPerPage}
          ActionsComponent={TablePaginationActionsWrapped}
        />
    </TableFooter>

 footer:{
  justifyContent: 'left',
  width: "10px",
  textAlign: 'left'
 }

Ответы [ 2 ]

0 голосов
/ 18 июля 2019

Для меня было достаточно установить width: '10px' в TablePagination свойстве стиля, однако моя структура немного отличается: 

<Paper>
    <Table>
        <TableHead>
            ...
        </TableHead>
        <TableBody>
            ...
        </TableBody>
    </Table>
    <TablePagination style={{width:'10px'}} .../>
</Paper>
0 голосов
/ 20 октября 2018

Разметка отступа = 0px разрешает его.После добавления всего вышеперечисленного.

...