<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
border-right:1px solid black;
border-left:1px solid black;
border-bottom:1px solid black;
border-top:1px solid black;
border-right:1px solid blue;
border-left:1px solid blue;
border-bottom:1px solid blue;
border-top:1px solid blue;
$(document).ready(function(){ $("td").bind("keyup",function(){ var number = $(this).text();
number = number.split("").sort(); var tablestr = "<table >";
for(var m=0;m<number.length;m++){ <table cellspacing=0px class="table" >
<td contenteditable="true" class="black-right-border black-left-border black-bottom-border black-top-border">1
<td contenteditable="true" class="black-right-border black-top-border black-bottom-border">2</td>
<td class="blue-right-border black-top-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border black-right-border black-top-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="black-right-border black-top-border black-bottom-border"></td>
<td class="blue-right-border black-right-border black-top-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border black-right-border black-top-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="black-right-border black-top-border black-bottom-border"></td>
<td contenteditable="true" class="black-right-border black-top-border black-bottom-border"></td>
<td contenteditable="true" class="black-right-border black-left-border black-bottom-border">1</td>
<td contenteditable="true" class="black-right-border black-bottom-border">2</td>
<td class="blue-right-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
<td class="blue-right-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
<td contenteditable="true" class="blue-bottom-border black-right-border black-left-border black-bottom-border">1</td>
<td contenteditable="true" class="blue-bottom-border black-right-border">2</td>
<td class="blue-right-border blue-bottom-border black-right-border" contenteditable="true"></td>
<td class="blue-left-border blue-bottom-border black-right-border" contenteditable="true"></td>
<td contenteditable="true" class="blue-bottom-border black-right-border"></td>
<td class="blue-right-border blue-bottom-border black-right-border" contenteditable="true"></td>
<td class="blue-left-border blue-bottom-border black-right-border" contenteditable="true"></td>
<td contenteditable="true" class="blue-bottom-border black-right-border"></td>
<td contenteditable="true" class="blue-bottom-border black-right-border"></td>
<td contenteditable="true" class="blue-top-border black-right-border black-left-border black-bottom-border">1</td>
<td contenteditable="true" class="blue-top-border black-right-border black-bottom-border">2</td>
<td class="blue-right-border blue-top-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border blue-top-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="blue-top-border black-right-border black-bottom-border"></td>
<td class="blue-right-border blue-top-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border blue-top-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="blue-top-border black-right-border black-bottom-border"></td>
<td contenteditable="true" class="blue-top-border black-right-border black-bottom-border"></td>
<td contenteditable="true" class="black-right-border black-left-border black-bottom-border">1</td>
<td contenteditable="true" class="black-right-border black-bottom-border">2</td>
<td class="blue-right-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
<td class="blue-right-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
<td contenteditable="true" class="blue-bottom-border black-right-border black-left-border black-bottom-border">1</td>
<td contenteditable="true" class="blue-bottom-border black-right-border">2</td>
<td class="blue-right-border blue-bottom-border black-right-border" contenteditable="true"></td>
<td class="blue-left-border blue-bottom-border black-right-border" contenteditable="true"></td>
<td contenteditable="true" class="blue-bottom-border black-right-border"></td>
<td class="blue-right-border blue-bottom-border black-right-border" contenteditable="true"></td>
<td class="blue-left-border blue-bottom-border black-right-border" contenteditable="true"></td>
<td contenteditable="true" class="blue-bottom-border black-right-border"></td>
<td contenteditable="true" class="blue-bottom-border black-right-border"></td>
<td contenteditable="true" class="blue-top-border black-right-border black-left-border black-bottom-border">1</td>
<td contenteditable="true" class="blue-top-border black-right-border black-bottom-border">2</td>
<td class="blue-right-border blue-top-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border blue-top-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="blue-top-border black-right-border black-bottom-border"></td>
<td class="blue-right-border blue-top-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border blue-top-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="blue-top-border black-right-border black-bottom-border"></td>
<td contenteditable="true" class="blue-top-border black-right-border black-bottom-border"></td>
<td contenteditable="true" class="black-right-border black-left-border black-bottom-border">1</td>
<td contenteditable="true" class="black-right-border black-bottom-border">2</td>
<td class="blue-right-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
<td class="blue-right-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
<td contenteditable="true" class=" black-right-border black-bottom-border"></td>
<td contenteditable="true" class="black-right-border black-left-border black-bottom-border">1</td>
<td contenteditable="true" class="black-right-border black-bottom-border">2</td>
<td class="blue-right-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
<td class="blue-right-border black-right-border black-bottom-border" contenteditable="true"></td>
<td class="blue-left-border black-right-border black-bottom-border" contenteditable="true"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
<td contenteditable="true" class="black-right-border black-bottom-border"></td>
