Тут была по случаю уже была заготовка
<style>
#Table-container table,
#Table-container table td{
border:1px inset #716F64;
/*border-collapse:collapse;*/
border-spacing: 1px;
}
</style>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<div id=Table-container></div>
<br />
<br />
<script type="text/javascript">
var colorTable="#80FF80";
function ChangeColor (){
$("#Table-container table td").css({"background-color":""+colorTable+""})
}
</script>
<button style="display:none" id="Chang" type="button" onclick="ChangeColor()">Заливка</button>
<br />
<br />
<!-- Генератор таблиц -->
<h4 style='cursor:hand;cursor:pointer;' onclick="$('#myr-myr').toggle()"><img src="http://savepic.net/1038920.gif" alt="Генератор таблиц" style="vertical-align:middle"> <u>Cоздать таблицу</u></h4>
<table id="myr-myr" width=300 style="display:none"><tr>
<td>строк: <input class=rows maxlength=3 size=3 value=1 name=rows></td>
<td>ячеек: <input class=cols maxlength=4 size=3 value=1 name=cols></td>
<td colspan=4><a href="http://forum.mybb.ru//viewtopic.php?pid=668844#p668844" target=_blank><b></b></a><br>
<button id="tableCreate" type="button">Cоздать</button></td></tr></table>
<script language=JavaScript> function setTable(){
var Ntd,Nstr,i=0,j=0,tbl="";var tblz="", TDstrStart='<td>ячейка ',TDstrEnd='</td>';
Nstr=$("#myr-myr .rows").val();Ntd=$("#myr-myr .cols").val();
for(j=0; j<Nstr; j++){tbl='<tr>'+tbl;for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+(NumTd+1)+TDstrEnd};
tbl+="</tr>";tblz+=tbl;tbl="";};tbl='<table>'+tblz+'</table>';$("#Table-container").prepend(tbl);$("#Chang").show();}
$("#tableCreate").click(function(){setTable();})</script>