如何删除AngularJS ui网格顶部的持久空行?
我有一个带有以下网格选项的角度ui网格:如何删除AngularJS ui网格顶部的持久空行?,angularjs,angular-ui-grid,ui-grid,Angularjs,Angular Ui Grid,Ui Grid,我有一个带有以下网格选项的角度ui网格: $scope.gridOptions = { data: 'gridData', enableColumnMenus: false, enableRowSelection: false, enableFullRowSelection: false, enableSelectAll: false,
$scope.gridOptions = {
data: 'gridData',
enableColumnMenus: false,
enableRowSelection: false,
enableFullRowSelection: false,
enableSelectAll: false,
enableRowHeaderSelection: false,
multiSelect: false,
noUnselect: false,
columnDefs: [
{
field: 'FirstName',
name: 'First Name',
width: '*'
},
{
field: 'LastName',
name: 'Last Name',
width: '*'
},
{
field: 'RoleCode',
name: 'Role',
width: '*'
},
{
field: 'Notes',
name: 'Notes',
width: '*'
},
{
name:' ',
enableFiltering: false,
enableSorting: false,
enableColumnMenu: false,
width: '*',
cellTemplate:'<div>' +
'<a><button class="btn btn-primary btn-xs l-margin" ng-click="grid.appScope.onEditClick(row.entity)">Edit</button></a>' +
'<a><button class="btn btn-danger btn-xs l-margin" ng-click="grid.appScope.onDeleteClick(row.entity)">Delete</button></a>' +
'</div>'
}
],
onRegisterApi: function(gridApi){
$scope.$on('resize-grid',function() {
$timeout(function() {
gridApi.core.handleWindowResize();
});
});
}
};
$scope.gridOptions={
数据:“gridData”,
EnableColumn菜单:false,
enableRowSelection:false,
enableFullRowSelection:false,
enableSelectAll:false,
enableRowHeaderSelection:false,
多选:错,
名词选择:false,
columnDefs:[
{
字段:“FirstName”,
姓名:'名字',
宽度:'*'
},
{
字段:“LastName”,
姓名:'姓',
宽度:'*'
},
{
字段:“RoleCode”,
名称:'角色',
宽度:'*'
},
{
字段:'注释',
名称:'注释',
宽度:'*'
},
{
名称:“”,
启用筛选:false,
启用排序:false,
enableColumnMenu:false,
宽度:'*',
单元格模板:“”+
“编辑”+
“删除”+
''
}
],
onRegisterApi:函数(gridApi){
$scope.$on('resize-grid',function()){
$timeout(函数(){
gridApi.core.HandleIndowerSize();
});
});
}
};
我注意到的一件事是,我在网格顶部有一个空白行,上面有“编辑”和“删除”按钮。我猜这是因为它们在单元格模板中。有没有办法在网格的顶部没有空白行呢?网格选项中是否有我不知道的属性
谢谢你能提供更多的代码/数据/HTML/JS吗?这里一切看起来都很好
var-app=angular.module('app',['ui.grid']);
app.controller('MainCtrl',['$scope',函数($scope){
$scope.gridOptions={
数据:“gridData”,
EnableColumn菜单:false,
enableRowSelection:false,
enableFullRowSelection:false,
enableSelectAll:false,
enableRowHeaderSelection:false,
多选:错,
名词选择:false,
columnDefs:[{
字段:“FirstName”,
姓名:'名字',
宽度:'*'
},
{
字段:“LastName”,
姓名:'姓',
宽度:'*'
},
{
字段:“RoleCode”,
名称:'角色',
宽度:'*'
},
{
字段:'注释',
名称:'注释',
宽度:'*'
},
{
名称:“”,
启用筛选:false,
启用排序:false,
enableColumnMenu:false,
宽度:'*',
单元格模板:“”+
“编辑”+
“删除”+
''
}
],
onRegisterApi:函数(gridApi){
$scope.$on('resize-grid',function()){
$timeout(函数(){
gridApi.core.HandleIndowerSize();
});
});
},
数据:[{“FirstName”:“Matt”,“LastName”:“W”,“RoleCode”:“Stack Overflow User”,“Notes”:“一切看起来都不错。”},
{“FirstName”:“Tim”,“LastName”:“Harker”,“RoleCode”:“Stack Overflow User”,“Notes”:“一切看起来都很好。”}]
};
}]);代码>
您能提供更多的代码/数据/HTML/JS吗?这里一切看起来都很好
var-app=angular.module('app',['ui.grid']);
app.controller('MainCtrl',['$scope',函数($scope){
$scope.gridOptions={
数据:“gridData”,
EnableColumn菜单:false,
enableRowSelection:false,
enableFullRowSelection:false,
enableSelectAll:false,
enableRowHeaderSelection:false,
多选:错,
名词选择:false,
columnDefs:[{
字段:“FirstName”,
姓名:'名字',
宽度:'*'
},
{
字段:“LastName”,
姓名:'姓',
宽度:'*'
},
{
字段:“RoleCode”,
名称:'角色',
宽度:'*'
},
{
字段:'注释',
名称:'注释',
宽度:'*'
},
{
名称:“”,
启用筛选:false,
启用排序:false,
enableColumnMenu:false,
宽度:'*',
单元格模板:“”+
“编辑”+
“删除”+
''
}
],
onRegisterApi:函数(gridApi){
$scope.$on('resize-grid',function()){
$timeout(函数(){
gridApi.core.HandleIndowerSize();
});
});
},
数据:[{“FirstName”:“Matt”,“LastName”:“W”,“RoleCode”:“Stack Overflow User”,“Notes”:“一切看起来都不错。”},
{“FirstName”:“Tim”,“LastName”:“Harker”,“RoleCode”:“Stack Overflow User”,“Notes”:“一切看起来都很好。”}]
};
}]);代码>
有人知道为什么空数据行会出现在ui网格上吗?你还需要帮助吗?@TimHarker:你能给出答案吗?有人知道为什么空数据行会出现在ui网格上吗?你还需要帮助吗?@TimHarker:你能给出答案吗?