Cell background color instead of text only

[fxprunayre (François Prunayre)]

Hi, any work existing to apply to the table cell the color field format defined ?

The main issue is that:

• the table cell contains a truncate-by-height class which set display to inline-block. See
  https://github.com/elastic/kibana/blob/master/src/ui/public/doc_table/components/table_row.js#L164

• the color format is creating an inline span element. See https://github.com/elastic/kibana/blob/master/src/core_plugins/kibana/common/field_formats/types/color.js#L24

Removing the truncate-by-height class (or at least the display property) and changing the color field format template to div instead of span highlight the full cell width.

Not sure how a good fix for that should be implemented. Maybe the truncate arguments should be defined per field formats ? Also comparison of the formatted output length may contains HTML so it does not make much sense see text.length > MIN_LINE_LENGTH maybe checking with the initial raw value is better ?

Thanks

Francois

Related discussion Cell Backgroud color instead of field text fore/back color

[jbudz (Jon Budzenski)]

Agree it would make a great enhancement. There was some prior work that didn't quite make it all the way in here.

[fxprunayre (François Prunayre)]

Thanks for the link. It is also discussed in https://github.com/elastic/kibana/issues/9834