RowSpan

tgopal · September 27th, 2004, 11:45 PM

Hi
Is it possible to set the rowspan for a <td> dynamically using javascript.

Thanks
T.Gopalakrishnan

r_ganesh76 · September 27th, 2004, 11:55 PM

You can change the rowspan and columnspan of <td> using javascript. You can change the values of the properties rowSpan colSpan.

Regards
Ganesh

tgopal · September 28th, 2004, 02:01 AM

Can u provide some sample code

r_ganesh76 · September 28th, 2004, 02:24 AM

hope u find this useful

<html>
    <head>
        <title>Test Row Span</title>
        <script language="javascript">
        function SpanRows()
        {
            var Rows = txtRows.value;
            tblTest.rows[0].cells[0].rowSpan = 2
        }
        </script>
    </head>
    <body>
        <table id="tblTest" border="1">
            <tr>
                <Td>Test</Td>
                <Td>Test1</Td>
            </tr>
            <tr>
                <Td>Test2</Td>
                <Td>Test3</Td>
            </tr>
            <tr>
                <Td>Test4</Td>
                <Td>Test5</Td>
            </tr>
        </table>

        <input type="button" onclick="SpanRows()" value="Span">
    </body>
</html>

Regards
Ganesh

r_ganesh76 · September 28th, 2004, 02:25 AM

sorry

please remove the line
var Rows = txtRows.value;

Regards
Ganesh

tgopal · September 28th, 2004, 03:18 AM

Thanks Ganesh
Its working

r_ganesh76 · September 28th, 2004, 03:35 AM

cheers Gopal:)

Regards
Ganesh