Row Height

It's possible to set height of each row in the grid.



Example
row-height.component.html
row-height.component.ts
42
42px
<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

InputTypeDefaultDescription
rowHeightnumber- Specifies height of each row in the grid. Default value depends on selected theme.

Related articles: