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

Question

嘿，感谢您检查我的问题，我正在尝试在 ng-grid 中创建带有 ng 重复但水平的标题。我能够 ng-repeat 工作，但元素在垂直方向重复。是否可以将它们设为水平？

这是我的模板:

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

Answer 1

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

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

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