Table: add spacing block supports

[ramonjd]

Related:

• Tracking: Addressing Design Tooling Consistency #43241
• Tracking: Dimensions Design Tools Consistency #43243

What?

Enabling spacing support for the table block

Why?

To create consistency across blocks.

How?

Adding the relevant block supports in block.json

Testing Instructions

1. Load the block editor with a table block. Add some content or use the example block code below.
2. Confirm that the dimensions control panel is there
3. Add margin and padding.
4. Save and confirm the styles appear on the frontend.
5. Test the new support works for the block via theme.json and global styles. See example JSON below.

Example block code

<!-- wp:table -->
<figure class="wp-block-table"><table><tbody><tr><td>Boots</td><td>Shoes</td></tr><tr><td>1</td><td>2</td></tr></tbody></table></figure>
<!-- /wp:table -->

	"styles": {
		"blocks": {
			"core/table": {
				"spacing": {
					"padding": "122px",
					"margin": "22px"
				}
			}
		}
	}

[apeatling]

✅ Confirm that the dimensions control panel is there
✅ Add margin and padding.
✅ Save and confirm the styles appear on the frontend.
✅ Test the new support works for the block via theme.json and global styles. See example JSON below.