Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<button type="button" onclick="go()">add to table</button>
<div class='container'>
​
<table id="tab">
    ....click the button
</table>
​
</div>
 
table{
 height:100px; 
}
table, tr:nth-child(even) {
    background: #CCC;
}
table, tr:nth-child(odd) {
    background: #FFF;
}
table tr{
 border-bottom:1px solid black; 
}
table td{
 width:100%; 
}
.container{
  border-radius:0px 0px 5px 5px; 
  height:100px;
  width:200px;
  background:red;
  overflow:hidden;
}
 
function go(){
  var count = 0;
  while(count<50){
    var i = "<tr><td>tr   content</td></tr>";
   $('#tab').append(i);
    count++;
  }
}
​
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers