Javascript 为什么相邻行的文本会折叠？

我需要在不使用省略号的情况下显示每列的所有数据。实际上，我的数据与相邻行一起折叠。如何显示一行中的所有数据？实际上，列文本会很大（不知道它来自服务器的文本长度），但我需要显示整个文本。您能告诉我如何显示所有列文本吗 这是我的密码

<div id="scrollingTable" ng-if="isservicedataloadedProperly">
            <ion-scroll overflow-scroll="true"  ng-style="viewHeight">
               <div class="row brd rowclass" collection-repeat="column in tasklist_records track by $index" ng-class="{white:$index%2 == 0,grey:$index%2 == 1,firstrow:$first}" collection-item-height="40">

                  <div class="col brbrdleft_right dleft_right col-10 text-center"></div>
               </div>
               <div ng-if="!haveNorecordFound" class="norecordfoundcss"> No record found.</div>
            </ion-scroll>
         </div>

---

没有任何效果。

根据之前的问题/答案，我从你的同事那里得到的印象是，移动设备不是你的主要目标。我之所以得出这一结论，是因为我反复指出，爱奥尼亚是针对交付给移动设备的应用程序进行优化的，因此，UI元素是为触摸而设计的，因此不建议更改标题、按钮和其他触摸目标的大小。我进一步指出，表格数据的大网格不利于在移动设备上显示，并且产生非常差的可用性

我从来没有得到一个解释，为什么你不顾这些观点继续你的设计方法，所以，我只能假设移动设备不是你的目标。如果这是正确的（您没有设计移动或响应应用程序），那么以下是一些选项：

使用表格。我以前向帕拉维推荐过这个。鉴于您的数据本质上是表格式的，因此表很有意义。此外，还有类似的解决方案可以提供一些开箱即用的支持来处理复杂的数据集，并为列排序和搜索、分页、分组和摘要行提供许多内置功能。这是一个熊使用，但取决于您的需求，它是值得了解的（再次，假设您不是为移动建设）

不要使用collection repeat，而是选择ng repeat。collection repeat指令用于向移动设备传送大型数据集。其目的是在屏幕分辨率较小的低功耗设备上提供更好的性能。因此，“集合重复”仅呈现视图中当前的集合项。为了有效地做到这一点，该指令需要具有一致的行高，以便能够计算可见项的数量。我尝试并测试了几种方法来解决这个问题，但最终最简单的答案是：使用ng repeat。通过使用和过滤器，您可以大大提高ng repeat的性能，这些过滤器可以弥补collection repeat提供的性能提升

---

<>特别是如果我对移动部分出错了，那么你应该考虑第三个选项是完全改变你的UI矢量。这不关我的事，但我有25年的设计和构建企业软件产品的经验，因此如果我没有指出您当前的UI设计只不过是MS Excel的一个非功能版本，那我就是失职了。用户的好处在哪里？在分页网格中看到大约5000条记录如何帮助他们在工作环境中处理这些数据？就个人而言，我会重新访问我的角色（或实际的用户涉众），并问这两个问题。您可能会发现，最好的方法是放弃一切，用其他UI（如搜索界面或列表界面）替换它。事实上，我模拟了两种替代方法，但经过测试后，我认为在桌面应用程序的上下文中，这些工作和附加绑定没有意义。因此，根据我对您的需求的理解，我再次推荐上述两个选项。

删除属性：

collection item height=“40”

，该属性设置内联样式。您能回答这个问题吗。问题出在这个问题上。如果您扫描，您将看到它为元素“rows”的高度设置了一个内联样式。如果不使用item height属性为其指定一个express值，它将尝试计算高度。如果右键单击源代码，您将看到它正在将行高度设置为36px。除了设置项目高度或不使用collection repeat指令之外，我真的不知道解决这个问题的方法。@jme但我不知道它会出现多少文本。。意思可能是一个单词会出现，也可能是一行或一个段落。如果你有这类问题，你能检查一下这个问题吗

/* Styles go here */

.rowclass {

  height:50%;
}