Сократите несколько ячеек сетки фундамента до одинаковой ширины - PullRequest
Новая
       7

Сократите несколько ячеек сетки фундамента до одинаковой ширины

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

В настоящее время я работаю с адаптивным представлением, которое должно имитировать таблицу, состоящую из N строк и 2 столбцов.В настоящее время я использую large-2 и large-10 для столбцов и наткнулся на *-shrink и *-auto классы от Foundation.Конечно, я не могу просто использовать их следующим образом: 

<div className='grid-x grid-margin-x space'>
  <div className='cell small-12 large-shrink text-bold'>
    {translation.currentSaldoLabel}
  </div>
  <div className='cell small-12 large-auto'>
    {overview.totalUnsettledRevenue.toFixed(2)}
  </div>
</div>
<div className='grid-x grid-margin-x'>
  <div className='cell small-12 large-shrink text-bold'>
    {translation.currentDateLabel}
  </div>
  <div className='cell small-12 large-auto'>
    {overview.requestDate.formatDayMonthYear()} - {formatLocalTime(overview.requestTime)}
  </div>
</div>

Этот фрагмент будет сжимать ячейки в первом столбце, но не до той же ширины, что и между ними нет реальной связи.Я хотел бы знать, существует ли какой-либо реальный подход для регулировки ширины ячеек нескольких ячеек одновременно, чтобы они сжимались до одинакового размера.

...