Dear visitor, despite all the challenges, our team continues operating at full speed.

We are ready to help with any questions you may have. Please fill out this quick form and we'll get back to you.

Fill the form
Get Free Trial

Text Transform for column

Answered
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

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster June 4, 2020

Hello,
 
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")
cell.style['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,
Illia

Please login or Register to Submit Answer