How to apply styles to table and all cells in same time when applying it to table

I have to modify the Ckeditor 5 table plugin to be able to apply styles to table and all cells at the same time. https://ckeditor.com/docs/ckeditor5/latest/api/table.html

Any easy way to do this? Currently, I iterate over the table children and apply same style, but this is not the proper way. Because the value is not updated in fields for cells. Here is some code that is triggered when table property is changed.

export function downcastTableAttribute(conversion, modelAttribute, styleName) {
    conversion.for('downcast').add(dispatcher => dispatcher.on(`attribute:${modelAttribute}:table`, (evt, data, conversionApi) => {
        const {item, attributeNewValue} = data;
        const {mapper, writer} = conversionApi;

        if (!conversionApi.consumable.consume(data.item, evt.name)) {
            return;
        }

        const table = [...mapper.toViewElement(item).getChildren()].find(child => child.is('table'));

        if (attributeNewValue) {
            writer.setStyle(styleName, attributeNewValue, table);
            //Apply style to cell td too
            table._children[0]._children.forEach(row => {
                row._children.forEach(td => {
                    writer.setStyle(styleName, attributeNewValue, td);
                });
            })
            //Apply style to cell td too
        } else {
            writer.removeStyle(styleName, table);
            table._children[0]._children.forEach(row => {
                row._children.forEach(td => {
                    writer.removeStyle(styleName, td);
                });
            })
        }
    }));
}

Update

From the photo you can see that the field is not update corresponding to the real color of the table.

What is right way to do this?