Skip to Content (Press Enter)
2014-01-24 14-08-25
Steve Dalgleish
94Views
5Comments
Styling a table row
Question
CSS
OutSystems Widgets
Is there any way of having the ability to add style to the row level of the TableRecords element?  I want to be able to style a row differently based on certain criteria on the row data.  The way I've found around this is to use the extended properties to hardcode the CSS, however, this is not great from a reusability point of view.
0
0
03 Mar 2014
Copy Link
2016-04-21 20-09-55
J.
 
MVP
not sure what the problem is with the reusability?

you assign a class to the tr, which is pretty reusable to me?

0
0
03 Mar 2014
Copy Link
2014-01-24 14-08-25
Steve Dalgleish
I guess I wasn't clear.  My point was more to do with why there isn't an option for style in the properties of a TableRecords tr when there is for the table and the td.  Struck me as odd.  You're right though, I can just add the class to the tr in the extended properties.
TableRecordsRow.JPG
0
0
03 Mar 2014
Copy Link
2019-11-12 17-31-26
Justin James
 
MVP
Steve -

I've been wondering the same thing for a while now! It seems like an oversight more than a deliberate decision.

J.Ja
1
0
04 Mar 2014
Copy Link
2016-04-21 20-09-55
J.
 
MVP
true,

furthermot it always striked me as odd, when you assign a style to the odd-even line style it gets added to the TD's instead of the TR.
which may be correct in the past, but nowadays you should do it on the tr.
(so you can have more control in the css with nth-child)


0
0
04 Mar 2014
Copy Link
2019-11-12 17-31-26
Justin James
 
MVP

Yes, that's surprised me a few times as well, as I apply a style to the row, add "!important" and STILL struggle to understand why my style doesn't seem to be working. :D

J.Ja
0
0
05 Mar 2014
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.