2

I'm playing with google material design bootstrap theme by FezVrasta

Most of components working and looking great, but ripple effect on table row not working properly for me.

Demo: jsfiddle.net

table > tr > td {position:absolute;}

Absolute position helps but destroys table structure.

Brian Tompsett - 汤莱恩
  • 5,753
  • 72
  • 57
  • 129
Kasara
  • 275
  • 2
  • 3
  • 8
  • the fiddle link is broken... By the way, *"ripple effect on table row not working properly "* - does google material specification say table rows should have ripple effect? – T J May 12 '16 at 06:25

1 Answers1

1

You cannot add anything other than <td> into a <tr>.

In other words, You can only have this effect for <td>. This is an HTML limitation.

Louay Alakkad
  • 7,132
  • 2
  • 22
  • 45
  • Yes but tjis not solve the problem: [jsfiddle](http://jsfiddle.net/kasaras/qrj536qd/6/) – Kasara Mar 17 '15 at 18:05
  • You cannot use `position: relative` on table elements, so I think you need to wrap cells within `
    `s. I'm not sure if this can be done without `
    s`. http://jsfiddle.net/qrj536qd/8/
     – Louay Alakkad Mar 17 '15 at 18:43