2016-10-03 6 views
0

React(JSX)にテーブルがあり、その上にある行をクリックしていくつかの行(複数の場合でも)を切り替えたいとします。ReactJS - テーブル行でslideDown(トグル)を使用しますか?

ただ消えるのは簡単ですが、どうすればスムーズにできますか(slideDownとslideUp)?

Min-heightは機能していないようですが、それはReactにあるので、trをdivにラップすることもできません。ありがとう。

<table> 
    <tbody> 
     <tr> 
     <td>main row - onclick toggle the rows under</td> 
     <td></td> 
     </tr>   
     <tr> 
      <td>show only if clicked on the row above (smoothly)</td> 
      <td></td> 
     </tr> 
     <tr> 
     <td>show only if clicked on the first row (smoothly)</td> 
     <td></td> 
     </tr> 
    </tbody> 
    </table> 
+0

(http://stackoverflow.com/questions/467336/how-to-use-slidedown-or [アニメーションがテーブルの行ではサポートされていません]と思われます-show-function-on-a-table-row)を使用します。 – Robiseb

+0

はい私はこれを知っていますが、確かに誰かが巧妙な回避策を見つけなければなりませんでした。 – user3696212

+1

私は同様の問題があり、テーブルの代わりにdivを使用することになりました。 – yuyokk

答えて

0

これはあなたを助けます!

stateをクリックしてクリックをトラッキングし、CSSを使用してheightの動画をアニメーション化します。

チェックこのフィドル:

https://jsfiddle.net/pranesh_ravi/x7q88qpe/1/

関連する問題