Docs

Table widget

Table widget logoStandard tables in a classic implementation. Includes tools to split and merge cells, insert columns and rows, etc. Bootstrap users can apply styles to tables using Bootstrap styles (striped, condensed, etc.).

A table is a good way to present structured information. To effectively use tables in web they should combine both good HTML structure and appealing style sheets (CSS). The table tools built-in to N1ED is just the right tool for that. If you use Bootstrap 4, N1ED Table Tools will use styles of the Bootstrap theme of your website.

All actions over elements of the table are put into a popup. When you place the cursor in any place of the Table widget, you see all tools to add, delete, move, merge or split rows, columns and cells.

Good layout of a table makes reading information in it much easier. To make the table look lightweight, easy-to-read and stylish, use Configure style of table, where you can create your own classes and apply styles and attributes to them. The same dialogs are available for columns, rows and cells. For advanced settings, use the Tag options dialog.

Add Table screenshot Edit Table screenshot Edit Table cell screenshot

Configuration

Whenever you insert a table, you can manually specify the number of lines and columns in it. And classes, styles and attributes can be specified in the template. By default, the table is inserted expanded to the entire width of the page.

Default settings are:

widgets: {
    Table: {
        template: {
            classes: [],
            styles: {
                "width": "100%"
            },
            attributes: {}
        }
    }
},