TableLayoutTabItemId Enum

Lists commands contained in the Table Layout tab.

Declaration

export enum TableLayoutTabItemId {
    SelectMenu = 445,
    DeleteMenu = 446,
    InsertMenu = 447,
    AutoFitMenu = 448,
    AlignmentMenu = 449,
    SelectTableCell = 286,
    SelectTableColumn = 287,
    SelectTableRow = 288,
    SelectTable = 289,
    ToggleShowTableGridLines = 295,
    ShowDeleteTableCellsDialog = 253,
    DeleteTableColumns = 248,
    DeleteTableRows = 247,
    DeleteTable = 251,
    InsertTableRowAbove = 246,
    InsertTableRowBelow = 245,
    InsertTableColumnToTheLeft = 243,
    InsertTableColumnToTheRight = 244,
    MergeTableCells = 254,
    ShowSplitTableCellsDialog = 255,
    SetAutoFitContents = 399,
    SetAutoFitWindow = 400,
    SetFixedColumnWidth = 401,
    TableCellAlignTopLeft = 260,
    TableCellAlignTopCenter = 261,
    TableCellAlignTopRight = 262,
    TableCellAlignMiddleLeft = 263,
    TableCellAlignMiddleCenter = 264,
    TableCellAlignMiddleRight = 265,
    TableCellAlignBottomLeft = 266,
    TableCellAlignBottomCenter = 267,
    TableCellAlignBottomRight = 268
}

Members

Name	Description
`AlignmentMenu`

Identifies the Alignment menu.

| | AutoFitMenu |

Identifies the Auto Fit menu.

| | DeleteMenu |

Identifies the Delete menu.

| | DeleteTable |

Identifies the Delete Table command.

| | DeleteTableColumns |

Identifies the Delete Table Columns command.

| | DeleteTableRows |

Identifies the Delete Table Rows command.

| | InsertMenu |

Identifies the Insert menu.

| | InsertTableColumnToTheLeft |

Identifies the Insert Table Column To The Left command.

| | InsertTableColumnToTheRight |

Identifies the Insert Table Column To The Right command.

| | InsertTableRowAbove |

Identifies the Insert Table Row Above command.

| | InsertTableRowBelow |

Identifies the Insert Table Row Below command.

| | MergeTableCells |

Identifies the Merge Table Cells command.

| | SelectMenu |

Identifies the Select menu.

| | SelectTable |

Identifies the Select Table command.

| | SelectTableCell |

Identifies the Select Table Cell command.

| | SelectTableColumn |

Identifies the Select Table Column command.

| | SelectTableRow |

Identifies the Select Table Row command.

| | SetAutoFitContents |

Identifies the Set Auto Fit Contents command.

| | SetAutoFitWindow |

Identifies the Set Auto Fit Window command.

| | SetFixedColumnWidth |

Identifies the Set Fixed Column Width command.

| | ShowDeleteTableCellsDialog |

Identifies the Show Delete Table Cells Dialog command.

| | ShowSplitTableCellsDialog |

Identifies the Show Split Table Cells Dialog command.

| | TableCellAlignBottomCenter |

Identifies the Table Cell Align Bottom Center command.

| | TableCellAlignBottomLeft |

Identifies the Table Cell Align Bottom Left command.

| | TableCellAlignBottomRight |

Identifies the Table Cell Align Bottom Right command.

| | TableCellAlignMiddleCenter |

Identifies the Table Cell Align Middle Center command.

| | TableCellAlignMiddleLeft |

Identifies the Table Cell Align Middle Left command.

| | TableCellAlignMiddleRight |

Identifies the Table Cell Align Middle Right command.

| | TableCellAlignTopCenter |

Identifies the Table Cell Align Top Center command.

| | TableCellAlignTopLeft |

Identifies the Table Cell Align Top Left command.

| | TableCellAlignTopRight |

Identifies the Table Cell Align Top Right command.

| | ToggleShowTableGridLines |

Identifies the Toggle Show Table Grid Lines command.

Remarks

The TableLayoutTabItemId enum contains identifiers of the Table Layout tab’s ribbon items. Use an identifier to get the corresponding item and then insert it into a tab or remove the item from the Table Layout tab.

The example below moves the AlignmentMenu item to the first position in the Table Layout tab:

javascript

var options = DevExpress.RichEdit.createOptions();
var tab = options.ribbon.getTab(DevExpress.RichEdit.RibbonTabType.TableLayout);
var ribbonItem = tab.getItem(DevExpress.RichEdit.TableLayoutTabItemId.AlignmentMenu);
tab.removeItem(ribbonItem);
tab.insertItem(ribbonItem, 0);
var richContainer = document.getElementById("rich-container");
const richEdit = DevExpress.RichEdit.create(richContainer, options);

To execute the Table Layout tab’s command, pass the TableLayoutTabCommandId‘s field to the executeCommand(commandId) method.