Unwanted inline styles added to tables

I agree. This is exceptionally annoying. I tried editing the raw HTML, removing all automatically inserted 50% widths on the TDs but somehow the widths were immediately added back in, albeit this time using fixed pixel measures. Pure h*ll!

Other users are having this problem as well.
https://wordpress.stackexchange.com/questions/239868/disable-tinymce-table-formatting-width-height

Completely agree. The main reason I installed this plugin was the ability to easily and cleanly add tables. Now I need to teach 20+ users how remove inline styles. What a mess. Please stop “improving” things.

Also happens with the latest version of the “MCE Table Buttons” plugin. According to the release notes TinyMCE has been updated from 4.1.x to 4.7.11. Maybe that’s what causes the problem.

for insert a clean table (like this):

<table>
<tbody>
<tr>
<td></td>

append PHP code into functions.php (in theme):

function tinymce_fix_table_styles() {	
  echo '<script>jQuery(function($){
    if (typeof tinymce !== "undefined") {
      tinymce.overrideDefaults({
        table_default_attributes:{},
        table_default_styles:{}
      });
    }
  });</script>';
}
add_action('admin_footer', 'tinymce_fix_table_styles');

so another defaults of tinymce table plugin ??

• This reply was modified 6 years, 8 months ago by jansudek.
• This reply was modified 6 years, 8 months ago by jansudek.

Thanks for the code. I added it to my functions.php file and it seems to have worked. I actually use the MCE Table Buttons plugin so it seems to be compatible with that plugin.

Meh, hoped the new version wouldhave fixed this crap but nope..still the same shit.

Have again to use an older version. Meh. What the hell are the devs thinking?

This seems to be a change upstream (in the TinyMCE editor project). Thinking (perhaps) adding something like the above snippet in the next version would be good.

One would think the following would work :

function mce_settings( $settings ) {
    $settings['table_default_styles'] = false;
    $settings['table_default_attributes'] = false;
    return $settings;
}
add_filter( 'tiny_mce_before_init', 'mce_settings' );

Alas, we must resort to less elegant overrides.

I really do hope that this issue will be fixed. It is not fixed even in the latest version. As soon as one column/row is removed, the script adds width/height to all table elements. It’s groundbreaking problem for me, so I’m stuck with 4.6.7 TinyMce advanced for now.

Same problem here. I’ve tried every fix I’ve found but everytime I add a new column the problem is back.

@jproy You need to downgrade to 4.6.7. This is the last version before this problem occurred.
https://www.ads-software.com/plugins/tinymce-advanced/advanced/

Hi, We recently noticed that when adding a column to an existing table the TinyMCE editor adds fixed widths to every cell in the table. We have a responsive site and this is not good for us. We have WordPress version 4.9.8 with the classic editor enabled (not using Gutenberg). We are using the TinyMCE plugin and the TinyMCE Config plugins.

We have had some success by adding in the TinyMCE config:

Option: invalid_styles
Value: th: width height,td:width height

and

Option: table_clone_elements
Value: tr

Using the above, no widths and heights will be added to the tables. Also adding table_clone_elements allow adding of rows, but putting th or td there will cause a duplication of each column/row added so don’t do that.

The problem we still have is that the HTML tag ‘scope’ of the table headers (<th>) is not being added when columns/rows are added to the existing tables. I tried adding ‘scope’ to the extended_valid_elements, and table_clone_elements but that did not work. Any help would be appreciated. We are trying to keep our site WCAG 2.0 compliant.

meanwhile I added jquery in website code:
$(‘td,th,table’).removeAttr(‘style’);
$(‘td,th,table’).removeAttr(‘width’);