Vue HtmlEditor - tableContextMenu
items[]
Selector: DxItem
Use this property to customize the context menu. For example, the following code creates a flat menu of table commands instead of the default hierarchical menu. The beginGroup property is used to divide command groups.
App.js
- import 'devextreme/dist/css/dx.light.css';
- import HtmlEditor, {
- TableContextMenu,
- TableContextMenuItem
- } from 'devextreme-react/html-editor';
- export default function App() {
- return (
- <HtmlEditor>
- <TableContextMenu
- enabled={true}
- <TableContextMenuItem name="insertHeaderRow" />
- <TableContextMenuItem name="insertRowAbove" />
- <TableContextMenuItem name="insertRowBelow" />
- <TableContextMenuItem name="insertColumnLeft" beginGroup={true} />
- <TableContextMenuItem name="insertColumnRight" />
- <TableContextMenuItem name="deleteColumn" beginGroup={true} />
- <TableContextMenuItem name="deleteRow" />
- <TableContextMenuItem name="deleteTable" />
- <TableContextMenuItem name="cellProperties" beginGroup={true} />
- <TableContextMenuItem name="tableProperties" />
- </TableContextMenu>
- </HtmlEditor>
- );
- }
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.