Skip to content

Commit e31b759

Browse files
committed
chore(Grid): remove headerRowHeight docs
The headerRowHeight option hasn't done anything for a long time. This change removes it from the docs and specifies how to alter header height with CSS. Closes #3665
1 parent 30c597f commit e31b759

File tree

2 files changed

+94
-75
lines changed

2 files changed

+94
-75
lines changed

misc/tutorial/302_custom_header.ngdoc

Lines changed: 23 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,15 @@
22
@name Tutorial: 302 Custom Header
33
@description
44

5-
Create a grid almost the same as the most basic one, but with a custom header
5+
You can specify a custom template for your grid's header with the `headerTemplate` grid option. It will take a url, Angular element, or text string.
6+
7+
If you want to customize the height of the header do it by setting a height on your header cells with CSS:
8+
9+
```javascript
10+
.grid .ui-grid-header-cell {
11+
height: 60px;
12+
}
13+
```
614

715
@example
816
<example module="app">
@@ -17,11 +25,20 @@ Create a grid almost the same as the most basic one, but with a custom header
1725
{ name: 'Frank', title: 'Lowly Developer' }
1826
]
1927
};
28+
29+
$scope.gridOptions2 = {
30+
data: [
31+
{ name: 'Bob', title: 'CEO' },
32+
{ name: 'Frank', title: 'Lowly Developer' }
33+
]
34+
};
2035
}]);
2136
</file>
2237
<file name="index.html">
2338
<div ng-controller="MainCtrl">
2439
<div class="grid" ui-grid="gridOptions"></div>
40+
<br>
41+
<div class="grid grid2" ui-grid="gridOptions2"></div>
2542
</div>
2643
</file>
2744
<file name="header-template.html">
@@ -32,5 +49,9 @@ Create a grid almost the same as the most basic one, but with a custom header
3249
width: 500px;
3350
height: 150px;
3451
}
52+
53+
.grid2 .ui-grid-header-cell {
54+
height: 60px;
55+
}
3556
</file>
36-
</example>
57+
</example>

0 commit comments

Comments
 (0)