Format A Column In Tabular Report Without Modifying The Style

[Elena]

Hello again,

 

Does anyone know how to format a column or columns in tabular report page, without modifying the "Style"? 

 

I only wish to format a few columns to align in the middle. The rest of the columns in my tabular report must remain aligned left.

 

Any workaround by way of  Javascript?

 

Anyone? Please help.

 

I attached a snapshot of my issue (for drama)  :-)

 

The "Years of Service (YOS)" column is what I wanted to align in the middle.

 

 

Thank you in advance, I appreciate all the valuable knowledge in here.

 

Elena

[Jan]

Hello Elena,

 

You can add the following code to the header:

<style>
#target table:nth-of-type(1) th:nth-of-type(3) {color: red;}
#target table:nth-of-type(1) td:nth-of-type(3) {color: red;}
</style>
<div id="target">

And the following code to the footer:

</div>

3 in the "th:nth-of-type(3)" and in the "td:nth-of-type(3)" is the number of column.

th:nth-of-type{} defines the style of the header,

td:nth-of-type{} defines the style of records.

You can add as many columns as you want.

 

If the code does not work, you can try changing the number in "table:nth-of-type(1)" - to "2", or to "3".

 

I hope, it helps.

[Elena]

Hi Jan,

 

Thank you again for helping.

The closing </div> does not like to stay in the footer for some reason. It keeps on going to the header to close the open tag there.

 

It isn't working for me.

 

Thank you anyway.

[GoCubbies]

Make sure that you disable the HTML editor in the Advanced tab for the Header/Footer, as it will close any open tags automatically as well.

[Elena]

Hi Cubbies,

 

Yeah that worked. Thank you.

 

E

[Barbarasko]

Is it possible to create a pivot table style that groups the gridlines like the style "none" when in report layout is "tabular form"?

Thanks ,

[AyezaKhan]

Hi Jan,

 

Thank you again for helping.

The closing </div> does not like to stay in the footer for some reason. It keeps on going to the header to close the open tag there.

 

It isn't working for me.

 

Thank you anyway.

Ayeza Khan

[telly]

Hi @AyezaKhan,

You need to disable the HTML editor before pasting the code on the Header, for reference you may check their documentation: https://howto.caspio.com/faq/web-forms/how-to-disable-html-editor-in-datapage-headerfooter-and-html-blocks/