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:

javascript

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.