Get Free Trial

Text Transform for column

manoj asked on June 4, 2020

I want to add css property text-transform as upper case/lower case for table column. i dont want to do through external css like “table > div” selector . am looking through cell style or cell format

1 answer

Illia Yatsyshyn Illia Yatsyshyn Flexmonster June 4, 2020

Thank you for reaching out to us.
Our team wants to draw your attention to the customizeCell. It serves to customize the content/appearance of cells.
For your case, it can be used in order to apply an appropriate CSS styling to the chosen set of cells.
For example, the following code snippet demonstrates one of the possible ways to change the text-transform property for cells representing members of the “Color” hierarchy:

flexmonster.customizeCell((cell, data) => {
if(data.type == "value" && data.hierarchy && data.hierarchy.uniqueName == "Color")['text-transform'] = "uppercase";

You are welcome to check out an example based on the code block demonstrated above.
Detailed information about the customizeCell hook can be found in our documentation.
Please let us know if it fits your case.
Do not hesitate to contact us in case other questions appear.
Best regards,

Please login or Register to Submit Answer