Адаптивная сетка разбита элементом span с пустым значением
Я получаю JSON с сайта. Некоторые поля этого JSON пустые (""). У меня есть HTML(Jade) код, подобный этому:
div(ng-repeat="item in itemsToDisplay", class="item tableLine")
span(class="tableItemid")
a(href="#/itemDetail/{{ item.Itemid }}") {{ item.Itemid }}
span(class="tableItemdescription")
{{ item.Itemdescription }}
span(class="tableDate")
{{ item.CreationDate }}
span(class="tableCountry")
{{ item.Address }}
И CSS (Slylus), как это:
span.tableItemid
col(1/15)
span.tableItemdescription
col(3/15)
span.tableDate
col(2/15)
Если поля пустые, диапазон пуст. И у меня смещение в адаптивной сетке. Каков наилучший способ избежать этого?