Skip to content

Version 3.0

What it does

This plugin adds support for tables and table actions to Xeditor. If configured, you can easily insert new rows/columns and perform merges between table cells.


First you have to switch into your project location using the command line.

cd path/to/your/project

Then you can install the plugin as follows:

npm install @xeditor/plugin-htmltable --save --registry


The demo configuration of the plugin looks like this:

    pluginId: 'htmltable',
    ptype: 'uxxeditorhtmltable',
    enableContextMenu: true,
    tableType: 'tab_table',
    captionType: 'tab_caption',
    headType: 'tab_head',
    bodyType: 'tab_body',
    footType: 'tab_foot',
    rowType: 'tab_row',
    cellType: 'tab_cell',
    headCellType: 'tab_headcell',
    colSpanAttribute: 'colspan',
    rowSpanAttribute: 'rowspan'


The API for the plugin can be found here: htmltable plugin API


This plugin exports the following button templates that can be used in your toolbar configuration:

Button Action
'button:xeditor.table.insertrowbefore' Insert row before current row
'button:xeditor.table.insertrowafter' Insert row after current row
'button:xeditor.table.deleterow' Delete current row
'button:xeditor.table.moverowup' Move row up
'button:xeditor.table.moverowdown' Move row down
'button:xeditor.table.insertcolumnbefore' Insert column before current column
'button:xeditor.table.insertcolumnafter' Insert column after current column
'button:xeditor.table.deletecolumn' Delete current column
'button:xeditor.table.movecolumnleft' Move current column left
'button:xeditor.table.movecolumnright' Move current column right
'button:xeditor.table.mergeright' Merge current cell right
'button:xeditor.table.mergeleft' Merge current cell left
'button:xeditor.table.mergeup' Merge current cell up
'button:xeditor.table.mergedown' Merge current cell down
'button:xeditor.table.splitcolumn' Split current column
'button:xeditor.table.splitrow' Split current row




  • Removed the word Bound from all bounded Methodes. Now the methods are bound to the plugin without the keyword.
  • Rename from Ext.ux.xeditor.plugin.HTMLPlugin to Ext.ux.xeditor.plugin.htmltable.Plugin
  • Added class Ext.ux.xeditor.plugin.htmltable.Range to handle ranges within the table.
  • Added class Ext.ux.xeditor.plugin.htmltable.SizeWindow to add a new possibility to insert Tables using a grid.
  • Added the flags enableHorizontalScrolling, enableTableBasicStyle and enableInlineTableActions to add control about the new table behavior.


  • Added german phrases for merge up and merge left