JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.greensock.com/js/src/TweenMax.min.js"></script>
<div id="tableHolder">
<table>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
</div>
CSS
td{
width:100px;
height:50px;
padding:10px;
text-align:center;
}
#tableHolder{
height:150px;
overflow:scroll;
width:500px;
}
JavaScript
var tl = new TimelineMax({repeat:6, repeatDelay:.2, yoyo:true});
tl.staggerTo($("td"), .9, {css:{backgroundColor:"red", color:"yellow"}}, .3)