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

Question

嘿，谢谢你检查我的问题，我正试图在ng-grid中创建一个ng重复但水平的标题。我能够重复工作，但项目是垂直重复。有可能使它们水平吗?

这是我的模板:

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

Answer 1

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

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

你可以使用添加CSS规则样式这些div的inline或inline-block，但使用span可能是最简单的