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.
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 ...

Reply to this topic