Color field format should apply to the whole cell in data table

[tbragin]

The current styling of the color field formatter currently highlights just text. This does not look very clean and makes the text a bit hard to read. How about coloring the whole cell instead?

@ppisljar @thomasneirynck @cjcenizal Thoughts?

[ppisljar]

• the way field formatters are implemented at the moment this might be a bit hard to achieve. field formatters are applied on the data itself. so when I get the AggConfigResult value it was already applied (meaning that inside table i have no notion about what field formatter was applied).

• I don't think using field formatters for this in the first place is the right solution .... (they are applied globally ... you cant control them per visualization, which you would probably want.

[elvarb]

When returning the field adding a

with the proper css to fill out the table space and apply the right color might be a good way to do this.

[cjcenizal]

@elvarb Not sure what happened, but it looks like maybe an image or some text got cut out of your comment?

[pacurtin]

@elvarb Could you repost your comment? Investigating how to tackle this now. Any hints on a place to start would be appreciated.

[fxprunayre]

Maybe this fxprunayre@9953d6c could be an option to make progress on this ? Truncating field when a formatter returns HTML probably does not make much sense. I'm quite new in here, so any suggestion for a better approach is welcomed too! See also https://discuss.elastic.co/t/cell-background-color-instead-of-text-only/152492

[elvarb]

Think my original text included a div or span html tag

[ghudgins]

We plan on addressing this formatting requirement via Lens in #101942

Lens currently supports this style of data table coloring for number fields as of ~7.14