DkGrid
  • Overview
  • Getting Started
    • Quick Start Tutorial
  • Fundamentals
    • Grid Structure
      • Grid Size
      • Header
      • Row Filter
      • Rows
      • Panels
      • Gutters
      • Edition Toolbar
      • Paginator
      • Borders
      • Column Context Menu
      • Waiting Indicator
    • DataSource
      • In-Memory DataSource
      • Custom DataSource
    • Theming
  • Columns
    • Column Definitions
    • Column Grouping
    • Column Sizing
    • Column Moving
    • Column Pinning
  • Rows
    • Row Sorting
    • Row Selection
    • Row Grouping
    • Row Pagination
  • Filtering
    • Column Filters
    • Filter types
    • In-line Filters
  • Editing
    • Row Edition
    • Edition templates
    • Edition validation
    • Multiple rows edition
  • Reference
    • DkGrid API
      • DkGridColumnDef
      • DkGridSorting
      • DkGridSelection
      • DkGridRowGrouping
      • DkGridPagination
      • DkGridWaitingIndicator
      • DkGridFactoryDataSource
      • DkGridFilter
      • DkGridEdition
    • Components
      • DkGridComponent
      • DkGridColumnComponent
    • Classes
      • DataSource
      • Columns
      • Rows
      • Filtering
      • Editing
    • Interfaces
      • Columns
      • Sorting
      • Row Grouping
      • Filtering
      • Editing
    • Injection Tokens
      • Grid Structure
      • Filtering
      • Editing
      • Theming
    • Type aliases
      • DataSource
      • Columns
      • Selection
      • Filtering
      • Editing
    • Type Guards
Powered by GitBook
On this page
  • Component metadata
  • Class
  • Definition
  1. Reference
  2. Components

DkGridColumnComponent

This class creates a column, either a data column or a group column, using the HTML definition.

Component metadata

selector: dk-grid-column

export as: dkgColumn

Class

DkGridColumnComponent<T, R>

<T> represents the object's shape coming from the data source.

<R> represents the column data type: string, number, Date, or boolean.

Definition

class DkGridColumnComponent<T extends object, R extends string | number | Date | boolean> implements AfterContentInit {

  slotId: string;

  @Input() fieldName: string;
  @Input() headerText: string;
  @Input() headerTooltip: string;
  @Input() dataType: DkColumnDataType;

  @Input()
  get order(): number;
  set order(value: any);
  static ngAcceptInputType_order: NumberInput;

  @Input()
  get width(): number;
  set width(value: any);
  static ngAcceptInputType_width: NumberInput;

  @Input()
  get minWidth(): number;
  set minWidth(value: any);
  static ngAcceptInputType_minWidth: NumberInput;

  @Input()
  get maxWidth(): number;
  set maxWidth(value: any);
  static ngAcceptInputType_maxWidth: NumberInput;

  @Input() contentAlign: ColumnAlignment;

  @Input()
  get draggable(): boolean;
  set draggable(value: any);
  static ngAcceptInputType_draggable: BooleanInput;

  @Input()
  get locked(): boolean;
  set locked(value: any);
  static ngAcceptInputType_locked: BooleanInput;

  @Input()
  get resizable(): boolean;
  set resizable(value: any);
  static ngAcceptInputType_resizable: BooleanInput;

  @Input()
  get visible(): boolean;
  set visible(value: any);
  static ngAcceptInputType_visible: BooleanInput;

  @Input()
  get sortable(): boolean;
  set sortable(value: any);
  static ngAcceptInputType_sortable: BooleanInput;

  @Input()
  get filterable(): boolean;
  set filterable(value: any);
  static ngAcceptInputType_filterable: BooleanInput;

  @Input()
  get editable(): boolean;
  set editable(value: any);
  static ngAcceptInputType_editable: BooleanInput;

  @Input()
  get groupable(): boolean;
  set groupable(value: any);
  static ngAcceptInputType_groupable: BooleanInput;

  @Input()
  get displayMenu(): boolean;
  set displayMenu(value: any);
  static ngAcceptInputType_displayMenu: BooleanInput;

  @Input() filter: DkFilter[];
  @Input() customFilterConditions: CustomFilterConditionInstance<T>;

  @Input() panel: DkGridPanel;

  @Input() displayOn: DisplayStatus;
  @Input() displayStatus: DisplayStatus;

  @Input() getValue: GetterFn<T, R>;
  @Input() setValue: SetterFn<T, R>;

  @Input() editionSettings: EditionFieldSettings;
  @Input() editionTemplate: TemplateRef<any> | null | undefined;
  @Input() displayTemplate: TemplateRef<any> | null | undefined;
}
PreviousDkGridComponentNextClasses

Last updated 2 years ago