### File

`src/lib/data-grid-row-def.directive.ts`

### Metadata

Selector | `[rxapDataGridRowDef]`
Standalone | `true`

### Index

###### Properties

- Public Optional cell
- Public Optional editCell
- Public Optional headerCell

###### Inputs

- data
- flip
- rxapDataGridRowDef

###### Accessors

- isSubHeader

### Inputs

data
Type : `any | null`
Default value : `null`
Defined in src/lib/data-grid-row-def.directive.ts:17

flip
Type : `boolean`
Default value : `false`
Defined in src/lib/data-grid-row-def.directive.ts:39

true - the header and content cell are "rotated" by 90°. The header is above the content cell and both have a colspan

flip: false

Label | Value
--- | ---
Header | Content

flip: true

Label | Value
--- | ---
Header (colspan 2) |
Content (colspan 2) |

rxapDataGridRowDef
Type : `string`
Defined in src/lib/data-grid-row-def.directive.ts:20

### Properties

Public Optional cell
Type : `DataGridCellDefDirective<T>`
Decorators : `@ContentChild(DataGridCellDefDirective)`
Defined in src/lib/data-grid-row-def.directive.ts:42

Public Optional editCell
Type : `DataGridEditCellDefDirective<T>`
Decorators : `@ContentChild(DataGridEditCellDefDirective)`
Defined in src/lib/data-grid-row-def.directive.ts:48

Public Optional headerCell
Type : `DataGridHeaderCellDefDirective`
Decorators : `@ContentChild(DataGridHeaderCellDefDirective)`
Defined in src/lib/data-grid-row-def.directive.ts:45

### Accessors

isSubHeader
get `isSubHeader()`
Defined in src/lib/data-grid-row-def.directive.ts:50

    import {
      ContentChild,
      Directive,
      Input,
    } from '@angular/core';
    import { DataGridCellDefDirective } from './data-grid-cell-def.directive';
    import { DataGridHeaderCellDefDirective } from './data-grid-header-cell-def.directive';
    import { DataGridEditCellDefDirective } from './data-grid-edit-cell-def.directive';

    @Directive({
      selector: '[rxapDataGridRowDef]',
      standalone: true,
    })
    export class DataGridRowDefDirective<T extends Record<string, any>> {

      @Input()
      public data: any | null = null;

      @Input('rxapDataGridRowDef')
      public name?: string;

      /**
       * true - the header and content cell are "rotated" by 90°. The header is above the content cell and both have a
       * colspan
       *
       * **flip: false**
       * Label | Value
       * --- | ---
       * Header | Content
       *
       * **flip: true**
       * Label | Value
       * --- | ---
       * Header (colspan 2)
       * Content (colspan 2)
       *
       */
      @Input()
      public flip = false;

      @ContentChild(DataGridCellDefDirective)
      public cell?: DataGridCellDefDirective<T>;

      @ContentChild(DataGridHeaderCellDefDirective)
      public headerCell?: DataGridHeaderCellDefDirective;

      @ContentChild(DataGridEditCellDefDirective)
      public editCell?: DataGridEditCellDefDirective<T>;

      public get isSubHeader() {
        return !this.name;
      }

    }

# results matching ""

# No results matching ""