Skip to content

Table default styles #4981

@chrisw-n

Description

@chrisw-n

Hi,

It seems that Froala Editor has changed the default styles applied to tables and it is causing us some issues.

Originally tables were added with the following html:

<table style="width: 100%;">

As of a recent release (not sure which one) tables now show with the following styles:

<table style="width: 50%; height: 100px; margin: auto; border-width: 1px; border-style: solid;">

We are using TypeScript / React with the Froala component and have found the following properties fix most of this:

tableDefaultWidth: "100%"
tableDefaultHeight: undefined
tableDefaultBorderWidth: undefined
tableDefaultBorderStyle: undefined

However there is no setting for the default margin (tableDefaultMargin)

you can see this when you add an additional table in the examples on the Froala website:

https://froala.com/wysiwyg-editor/examples/table-styles/

new tables are centre aligned old ones are not:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions