How to achieve this table style?

Question

I have the following element in my InDesign page, which currently is done by manually placing 9 rectangles, and a line object together:

How could I replicate this, with a pure table object in InDesign? I want to use tables, because if later on, I want to change the color of these tables, which will appear multiply times in the documents, I would want to be able to quickly do it, with modifying a table or cell style for example.

I've managed to clear the outer border of the table, and all the inner borders also, but I can't find a way, to separate them from each other.

Answer 1

Highlight the table and choose Table > Cell Options > Strokes & Fills from the menu.

_{(Preview [unselected] table on right, highlighted [selected] table on left)}

Merely add a white stroke to the cells and a background color.

_{CS6 screenshot, but it's basically the same options in newer versions.}

Answer 2

Yes, that can be easily done using tables. You need to add very narrow in-between rows and columns to introduce that spacing between the cells. You can control how high a row can be and how wide a column can be, and using small values you can simulate this kind of spacing.

Later edit:

• if you need clean red cells with white in between, look at Scott's answer
• if you need the red cells to have an inside black outline, and then also white in between them, you need to combine both answers into a solution