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:

JS

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.