Hi everyone,
I'm seeking advice on how to make my tables uniform so that they all have a consistent appearance.
As you'll see in the attached OML file, some questions are not aligned with the text below or in the top table. This misalignment is also present in the "Score," "Priority," and "Impact" fields.
The only CSS I've applied is for customizing the look and feel of the tables:
Could someone point me in the right direction on how to fix this?
Thanks in advance!
Hi @André Smit,
I checked your OML and change some CSS in it please refer below OML and check that you want for all table view.
There is many ways to do that one solution I did in your OML.
Hope this helps you!!
Regards,
Rajat
Thanks @Rajat Agrawal, that works perfectly.
Would you mind explaining how you approached the CSS for fixing this? I noticed you applied different widths to each row except for the last one:
/* first row */.td-wd1 { width: 20%;}
/* second row */.td-wd { width: 45%;}
/* third row */.td-wd2 { width: 10%;}
/* fourth row */.td-wd3 { width: 10%;}
How did you determine the percentages? Was it trial and error, or is there a formula or method in CSS that you followed? I'd love to understand your process so I can remember it for future reference.
I am glad your issue is fixed thanks.
Actually we always remember that we have total width 100% of any container or table etc.
So according that we have to divide our inner things within 100% what ever your need according to that you can divide your space.
Any column you need more space you can increase or decrease but total of all columns should be 100% .
Hope this will help you to understand more and concern or help please let me know Thanks.
If your issue is fixed can you please mark as solution!!!
It's means alot!!