İs it possible creating variable count groups of <tr> s in a table.

[mustafa belen]

Hi!

I have a table like below:

            <table class="roomPriceTable" cellpadding="0" cellspacing="0" class="fullcollapsed">
            <tr>
                <th class="roomPension">BED AND BREAKFAST</th>
                <th>Terms</th>
                <th>Max</th>
                <th>Price (3 nights)</th>
                <th>Pick Room</th>
            </tr>
            <tr>
                <td class="roomName" rowspan="3">Standart Double Room</td>
            </tr>
            <tr>
                <td>non-refundable</td>
                <td>2</td>
                <td>420TL</td>
                <td>
                <select><option>0</option><

option>1 (420TL)</option></select>
                </td>
            </tr>
            <tr>
                <td>free cancellation</td>
                <td>2</td>
                <td>520TL</td>
                <td>
                <select><option>0</option><option>1 (520TL)</option></select>
                </td>
            </tr>
           
            <tr>
                <th class="roomPension">ALL INCLUSIVE</th>
                <th>Terms</th>
                <th>Max</th>
                <th>Price (3 nights)</th>
                <th>Pick Room</th>
            </tr>
            <tr>
                <td class="roomName" rowspan="2">Standart Double Room</td>
                <td>non-refundable</td>
                <td>2</td>
                <td>420TL</td>
                <td>
                <select><option>0</option><option>1 (420TL)</option></select>
                </td>
            </tr>
            <tr>
                <td>free cancellation</td>
                <td>2</td>
                <td>520TL</td>
                <td>
                <select><option>0</option><option>1 (520TL)</option></select>
                </td>
            </tr>
            </table>


And i want to generate this using transperancy. I tried and reach a code something below, but it not solves my problem.

var data = {
    boards : [
        {
            header : {
                board : "BED AND BREAKFAST",
                price : "Price (3 nights)"
            },
            room : {
                roomName : "Standart Double Room"
            },
            roomInfo: {
                cpolicy : "non-refundable",
                max : "2",
                priceAmount : "420 TL",
                roomSelectContainer : {
                    roomSelect : [
                        {roomCount : "0"},
                        {roomCount : "1 (420 TL)"},
                        {roomCount : "1 (840 TL)"}
                    ]
                }
            }
        }
    ]
};

directives = {
    roomName : {
        rowspan : function(params) {return 2;}
    }
};

<table class="roomPriceTable">
    <tbody class="boards">
        <tr class="header">
            <th class="board"></th>
            <th>Terms</th>
            <th>Max</th>
            <th class="price"></th>
            <th>Pick Room</th>
        </tr>
        <tr class="room">
            <td class="roomName"></td>
        </tr>
        <tr class="roomInfo">
            <td class="cpolicy"></td>
            <td class="max"></td>
            <td class="priceAmount"></td>
            <td class="roomSelectContainer">
                <select class="roomSelect">
                    <option class="roomCount"></option>
                </select>
            </td>
        </tr>
    </tbody>
</table>


RoomInfo info tr would be more than one.

Anybody would help me?
Thanks.