Row Height
It's possible to set height of each row in the grid.
Number
Name
Position
Team
<gui-grid [columns]="columns"
[source]="source"
[rowHeight]="42">
</gui-grid>
import { Component } from '@angular/core';
import { GuiCellView } from '@generic-ui/ngx-grid';
@Component({
templateUrl: './row-height-grid.component.html'
})
export class RowHeightGridComponent {
columns = [{
header: 'Number',
field: 'number',
width: 65
}, {
header: 'Name',
field: 'name',
view: GuiCellView.ITALIC
}, {
header: 'Position',
field: 'position',
view: GuiCellView.BOLD
}, {
header: 'Team',
field: 'team'
}];
source = source;
}
Row height - Inputs
Input | Type | Default | Description |
---|---|---|---|
rowHeight | number | - | Specifies height of each row in the grid. Default value depends on selected theme. |