HTML5 Data Bindings Support Product Page
Answered
Show table td value on hover over its row
Asked 31 Jul 2014 07:31:45
1
has this question
31 Jul 2014 07:31:45 Andre Bender posted:
I've got the following table:<tbody> <tr data-binding-repeat="{{dsDataset.data}}" data-binding-id="repeat1"> <td>{{Value1}}{{Value2}}</td> <td>{{Value3}}</td> <td>{{Value4}}</td> </tr> </tbody>
I want to hide {{Value2}} on load but show it if the user hovers over its table row (tr). Also {{Value1}} should disapper then. How do I solve this? With an animation effect would be great (fading). Thanks for any help.
Replies
Replied 01 Aug 2014 05:52:56
01 Aug 2014 05:52:56 Teodor Kuduschiev replied:
Hello Andre,
You can just place these 2 bindings into spans, and using simple css to change the display property on hovering the tr.
You can just place these 2 bindings into spans, and using simple css to change the display property on hovering the tr.
Replied 01 Aug 2014 05:58:00
01 Aug 2014 05:58:00 Andre Bender replied:
Hi Teodor.
Ah ok thanks, ... didn't see the simple way with all the HTML5 stuff ...
Ah ok thanks, ... didn't see the simple way with all the HTML5 stuff ...