ng-Grid with ng-repeat水平标题

Question

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

这是我的模板：

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

Answer 1

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

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

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