带有 ng-repeat 水平标题的 ng-Grid

【问题标题】：ng-Grid with ng-repeat horizontal headers带有 ng-repeat 水平标题的 ng-Grid
【发布时间】：2014-08-01 02:06:45
【问题描述】：

嘿，感谢您查看我的问题，我正在尝试在 ng-grid 中创建带有 ng 重复但水平的标题。我能够进行 ng-repeat 工作，但这些项目正在垂直重复。是否可以使它们水平？

这是我的模板：

headerCellTemplate: '<div ng-repeat="day in dayInfo" ng-class="col.colIndex()" >{{day.dayId}}</div>'

【问题讨论】：

【解决方案1】：

这些元素垂直重复，因为您使用的是块级元素div。要解决此问题，您可以更改模板以使用内联元素，例如 span：

<span ng-repeat="day in dayInfo" ng-class="col.colIndex()" >{{day.dayId}}</span>

您可以添加一个 CSS 规则，将这些 div 设置为 inline 或 inline-block，但使用 span 可能是最简单的。

【讨论】：