Компонент сетки пользовательского интерфейса материала Заполните второй столбец до конца контейнера - PullRequest
Новая
       6

Компонент сетки пользовательского интерфейса материала Заполните второй столбец до конца контейнера

0 голосов
/ 24 января 2019

Я использую компонент Grid пользовательского интерфейса материала и использую свойство auto для первого столбца

так что у меня 

<Grid container className={classes.borderclass}>
   <Grid item xs={"auto"}>
      <Items />
    </Grid>
   <Grid item xs={10}>
      <Content />
  </Grid>
</Grid>

Однако это не заполнит весь контейнер, но я не вижу опции для остатка в размерах. Я рассмотрел вариант css calc, однако не вижу способа получить размер автоматического столбца в реагировании для сравнения с div

Будут оценены любые предложения, даже если это не материальный интерфейс.

1 Ответ

0 голосов
/ 24 января 2019

Если вы посмотрите демонстрацию Material-UI, у них есть рабочий пример, который показывает свойство auto в действии.Итак, как показано в примере здесь , вам не нужно указывать ключевое слово auto.Сделайте только это: 

<Grid container className={classes.borderclass}>
   <Grid item xs>
      <Items />
    </Grid>
   <Grid item xs={10}>
      <Content />
  </Grid>
</Grid>
...