代码之家 › 专栏 › 技术社区 › B.Wesselink

行达到XX时添加另一列

css-tables ng-repeat angularjs

B.Wesselink · 技术社区 · 10 年前

我试图在具有一定宽度/高度的元素中很好地显示数组数据。我想做的是,当我的数据到达元素的底部时,开始一个新列,并继续打印下一列中的数据,依此类推

非常感谢您的帮助!

我的代码:

            <div class="repeater" ng-repeat="files in files">  {{files.name}}              
                <div class='progress-bar'>
                  <div class='percentage' ng-style="style">
                  </div>
                </div>
            </div>

当前视图:

enter image description here

1 回复 | 直到 9 年前

Community Mohan Dere 9 年前

CSS应该比应用程序逻辑更好地解决这个问题。您可以将文件名显示为列表,并在

How to display an unordered list in two columns?

以在多个列中显示它们。

推荐文章

Nabarag Paul · 比较两个数组并更改角度中ng重复项的样式

9 年前

Sammi · 在离子项中不显示ng重复的文本

9 年前

hehe · json使用ng repat打印所需数据

9 年前

I.Swen · Angularjs ng重复,按键的值数组

9 年前

Tobi · ng重复无输出

9 年前

CrazzyMarc Nilesh Mahajan · ngRepeat基于选择

9 年前

Valor_ user3379466 · ng重复中的动态ng模型未定义

9 年前

B.Wesselink · 行达到XX时添加另一列

10 年前

dude · ng重复:达到10$digest()迭代次数

10 年前

jjprz · 使用angularjs选择选项时更新输入文本的值

10 年前