Angularjs 如何在剑道UI网格中显示空行？

我通过AngularJS有一个剑道UI网格。假设我想在一行中显示10个项目。现在，当数据小于10或根本没有数据时，我希望显示空行，即无论数据是否存在，网格都应该具有相同的高度来显示空行

KendoUI所做的是，如果数据不存在，它会降低网格高度。因此，如果没有数据，那么目前我只得到标题，然后是分页

$scope.testGridOptions = {
              sortable: true,
              pageable: {
                  refresh: true,
                  pageSizes: true
              },
              columns: [ ...

剑道格网中的数据和选项

 $scope.testGridData = new kendo.data.DataSource({ 
              data:[
                      { .. }, {.. } .. ], 
              pageSize : 10 
           })

---

如何使用KendoUI网格实现这一点

如评论中所述（我自己也亲自发现了），在尝试将空白行插入剑道网格时会变得混乱。在我的例子中，我尝试在服务器端代码中将空/空行插入到数据中。这使得客户端更容易，但是剑道去掉了没有数据的行。作为一名黑客，我发现自己在服务器端添加了虚拟数据值，结果却在客户端删除了它们

另一个选项是在客户端的JavaScript中添加空的网格行。在网格的数据绑定事件中，您可以检查项目的数量并适当地添加行。注意：根据剑道文档，网格的addRow方法会触发编辑事件，因此您可能需要在特定情况下处理该事件。我在下面的网格选项中添加了一个数据绑定事件处理程序。祝你好运

$scope.testGridOptions={
可排序：是的，
可分页：{
刷新：是的，
页面大小：正确
},
数据绑定：函数（e）{
var rowCount=this.dataSource.view（）.length；//仅获取当前页面的计数
如果（行数<10）{
对于（变量i=1；i<10-行计数；i++）{
this.addRow（）；
}
}
},
列：[。。。

与其说是空行，不如说是增加网格的高度。高度：555实际上我想显示空行。例如，在Excel工作表中，设置网格高度是最好的选择。显示空行需要在网格中添加假的

空元素，这只会让事情变得更加混乱但不幸的是，要求显示空行！目前我使用了伪元素，但我想要一个更具体的剑道解决方案来解决这个问题

$scope.testGridOptions = {
sortable: true,
pageable: {
    refresh: true,
    pageSizes: true
},
dataBound: function (e) {
    var rowCount = this.dataSource.view().length;  // only get count for current page
    if (rowCount < 10) {
        for (var i = 1; i < 10 - rowCount; i++) {
            this.addRow();
        }
    }
},
columns: [ ...