xaml - create grid container in JavaScript -

i'm new in javascript, possible create class container "grid" in wpf? it's desirable without jquery etc. need create container grid in xaml code below.

     <window x:class="wpfapplication1.mainwindow"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     title="mainwindow" height="350" width="525"> <grid x:name="grid1">     <grid.rowdefinitions>         <rowdefinition height="30*"></rowdefinition>         <rowdefinition height="30*"></rowdefinition>         <rowdefinition height="30*"></rowdefinition>     </grid.rowdefinitions>     <grid.columndefinitions>         <columndefinition width="100*">         </columndefinition>     </grid.columndefinitions>     <grid x:name="grid2" grid.row="0" grid.column="0"></grid> </grid> 

you can use:

html markup:

<table id="grid1">         <tr class="row30">            <td class="column100">                <table id="grid2"></table>            </td>            <td></td>         </tr>         <tr class="row30">            <td class="column100"></td>            <td></td>         </tr>         <tr class="row30">            <td class="column100"></td>            <td></td>         </tr>     </table> 

css:

.row30{ height: 30px; } .column100 { width: 100px; }