Vue Common Types - grids - PredefinedCommands

Predefined commands available in the DevExtreme DataGrid and TreeList.

import { PredefinedCommands } from "devextreme/common/grids"
Type:

Object

The following code snippet lists available commands with their arguments:

Code
columnsVisibility: {
    dataField: string;
    visible: boolean;
};
columnsReorder: {
    dataField: string;
    visibleIndex: number;
};
columnsPinning: {
    dataField: string;
    fixed: boolean;
    fixedPosition?: 'left' | 'right';
};
columnsResize: {
    dataField: string;
    width: number | string;
};
filterValue: {
    expression: FilterExprTree | null;
};
clearFilter: {};
focusRowByKey: {
    key: string | number | Array<CompositeKeyPair>;
};
focusRowByIndex: {
    index: number;
};
paging: {
    enabled: boolean;
};
pageSize: {
    pageSize: number;
};
pageIndex: {
    pageIndex: number;
};
searching: {
    text: string;
};
selectByKeys: {
    keys: Array<string | number | Array<CompositeKeyPair>>;
    preserve: boolean;
};
selectionByIndexes: {
    indexes: number[];
    mode: 'select' | 'deselect';
    scope: 'page' | 'allPages';
};
selectAll: {};
deselectAll: {};
clearSelection: {};
sorting: {
    dataField: string;
    sortOrder: SortOrder | 'none';
};
clearSorting: {};