Разрешить максимум 4 столбца в строке в таблице и сделать остальные из них в отдельной строке - PullRequest
Новая
       10

Разрешить максимум 4 столбца в строке в таблице и сделать остальные из них в отдельной строке

0 голосов
/ 21 апреля 2020

У меня есть таблица angular, которую я заполняю с помощью ng-repeat. Допустим, таблица выглядит следующим образом:

-1- -2- -3- -4- -5- -6-

----------- 7 -----------

-1- -2- -3- -4- -5- -6-

--------- --7 -----------

Но мне нужно только 4 столбца в строке, остальные могут быть добавлены в другой строке, что приведет к,

-1 - -2- -3- -4-

-5- -6-

------- 7 -------

- 1- -2- -3- -4-

-5- -6-

------- 7 -------

Моя текущая структура таблицы выглядит примерно так: обратите внимание, что длина равна количеству фруктов и будет одинаковой для ягод и дынь. 

<table>
<th>
    <th scope="col">Fruit Name</th>
    <th colspan="{{length}}">Details</th>
</th>
<tr>
    <td><b>berries</b></td>
    <td ng-repeat="berries in berrylist track by $index">{{berries}}</td>
</tr>
<tr>
     <td colspan="{{length}}" align="center">{{berriescount}}</td>
</tr>
<tr>
     <td><b>melons</b></td>
     <td ng-repeat="melon in melonlist track by $index">{{melon}}</td>
</tr>
<tr>
     <td colspan="{{length}}" align="center">{{melonlength}}</td>
</tr>
</table>

Может быть сценарий ios, где количество фруктов превышает 4. В таких случаях Если мне нужно добавить дополнительные фрукты в новую линию. Пожалуйста, помогите мне в этом.

...