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
Number
Name
Position
Team
8 Kobe Bryant SG Los Angeles Lakers 1 Tracy McGrady SG Houston Rockets 23 Lebron James PF Los Angeles Lakers 3 Dwayne Wade SG Miami Heat 15 Vince Carter SG Atlanta Hawks 34 Charles Barkley PF N/A 15 Nikola Jokić PF Denver Nuggets 0 Russell Westbrook PG Houston Rockets 7 Kevin Durant PF Brooklyn Nets 13 James Harden PG/SG Houston Rockets 13 Paul George SG Los Angeles Clippers 25 Ben Simmons PG Philadelphia 76ers 2 Kawhi Leonard SG/SF Los Angeles Clippers 21 Joel Embiid C Philadelphia 76ers 34 Giannis Antetokounmpo PF Milwaukee Bucks 30 Stephen Curry PG Golden State Warriors 11 Klay Thompson SG Golden State Warriors 23 Anthony Davis PF Los Angeles Lakers
<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:

We use cookies to improve your experience. If you continue browsing, we assume that you consent to our use of cookies.