How to add custom table style for table block in gutenberg editor

enter image description here

As per the image, I would like to add extra style for the table block.

1 Answer

The register_block_style function is what you’ll want.

The basic implementation is

        'name'  => 'my-table-style',
        'label' => 'My Table Style',

When you select the style, it will add the is-style-my-table-style class to the block, which you can style using your style.css or other stylesheet.

There are two other implementations, where you can declare an inline style or a whole stylesheet for that specific style. You can find more details in the documentation:

Leave a Comment