TableDesignTabItemId Enum

Lists commands contained in the Table Design tab.

Declaration

export enum TableDesignTabItemId {
    TableStyleOptionsMenu = 443,
    BordersMenu = 444,
    ToggleFirstRow = 280,
    ToggleLastRow = 281,
    ToggleBandedRows = 284,
    ToggleFirstColumn = 282,
    ToggleLastColumn = 283,
    ToggleBandedColumn = 285,
    ApplyTableStyle = 269,
    ChangeTableBorderStyleRepositoryItem = 292,
    ChangeTableBorderWidthRepositoryItem = 291,
    ChangeTableBorderColorRepositoryItem = 290,
    ToggleTableCellsBottomBorder = 272,
    ToggleTableCellsTopBorder = 270,
    ToggleTableCellsLeftBorder = 273,
    ToggleTableCellsRightBorder = 271,
    ToggleTableCellNoBorder = 274,
    ToggleTableCellAllBorders = 275,
    ToggleTableCellOutsideBorders = 279,
    ToggleTableCellInsideBorders = 276,
    ToggleTableCellInsideHorizontalBorders = 277,
    ToggleTableCellInsideVerticalBorders = 278,
    ToggleShowTableGridLines = 295,
    ChangeTableCellShading = 294
}

Members

Name	Description
ApplyTableStyle	Identifies the Apply Table Style command.
BordersMenu	Identifies the Borders menu.
ChangeTableBorderColorRepositoryItem	Identifies the Change Table Border Color Repository Item command.
ChangeTableBorderStyleRepositoryItem	Identifies the Change Table Border Style Repository Item command.
ChangeTableBorderWidthRepositoryItem	Identifies the Change Table Border Width Repository Item command.
ChangeTableCellShading	Identifies the Change Table Cell Shading command.
TableStyleOptionsMenu	Identifies the Table Style Options menu.
ToggleBandedColumn	Identifies the Toggle Banded Column command.
ToggleBandedRows	Identifies the Toggle Banded Rows command.
ToggleFirstColumn	Identifies the Toggle First Column command.
ToggleFirstRow	Identifies the Toggle First Row command.
ToggleLastColumn	Identifies the Toggle Last Column command.
ToggleLastRow	Identifies the Toggle Last Row command.
ToggleShowTableGridLines	Identifies the Toggle Show Table Grid Lines command.
ToggleTableCellAllBorders	Identifies the Toggle Table Cell All Borders command.
ToggleTableCellInsideBorders	Identifies the Toggle Table Cell Inside Borders command.
ToggleTableCellInsideHorizontalBorders	Identifies the Toggle Table Cell Inside Horizontal Borders command.
ToggleTableCellInsideVerticalBorders	Identifies the Toggle Table Cell Inside Vertical Borders command.
ToggleTableCellNoBorder	Identifies the Toggle Table Cell No Border command.
ToggleTableCellOutsideBorders	Identifies the Toggle Table Cell Outside Borders command.
ToggleTableCellsBottomBorder	Identifies the Toggle Table Cells Bottom Border command.
ToggleTableCellsLeftBorder	Identifies the Toggle Table Cells Left Border command.
ToggleTableCellsRightBorder	Identifies the Toggle Table Cells Right Border command.
ToggleTableCellsTopBorder	Identifies the Toggle Table Cells Top Border command.

Remarks

The TableDesignTabItemId enum contains identifiers of the Table Design 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 Design tab.

The example below moves the BordersMenu item to the first position in the Table Design tab:

JS

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

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