dynamically add table row in HTML Table in Javascript

Question

I have following code:

<body onload="LoadData()">
    <table id="myTable">
    </table>
</body>

And I have Javascript function like :

<script type="text/javascript">
    function LoadData()
    {
        var sTempTableRow='<tr><td>cell-1 </td><td>cell-2 </td><td>cell-3 </td><td>cell-4 </td></tr>'
        $('#myTable').append(sTempTableRow);
    }
</script>

I have tried numerous times and at all the times face an exception like Microsoft JScript runtime error: Object expected.

Please tell me what is the problem here.

check your jquery js file is place in correct path

rajesh kakawat
– rajesh kakawat

2012-11-10 12:29:46 +00:00
Commented Nov 10, 2012 at 12:29 — rajesh kakawat
– rajesh kakawat, Commented Nov 10, 2012 at 12:29

score 1 · Accepted Answer · 2012-11-10 11:36:55Z

1

Instead if the onload event use jquery's ready:

<script type="text/javascript">
    $(document).ready(function()
    {
      var sTempTableRow='<tr><td>cell-1 </td><td>cell-2 </td><td>cell-3 </td><td>cell-4 </td></tr>';
      $('#myTable').append(sTempTableRow);
    });
</script>
<body>
    <table id="myTable">
    </table>
</body>

edited Nov 10, 2012 at 11:36

answered Nov 10, 2012 at 11:29

user1796666

Sign up to request clarification or add additional context in comments.

1 Comment

csefaruk Over a year ago

Mr. Kirill Ivlev .i can't user $(document).ready(function(){} because of i use it in a showmodaldialog window where i pass parameter when i user $(document).ready(function(){} function i face an exception like : $(document).ready(function () { var _oPerameter = window.dialogArguments; _oPI = _oPerameter.PI; debugger; RefreshPIProducts(_oPI.web_PIProducts); }); As a result i use onLoad function

Zakaria · Accepted Answer · 2012-11-10 11:34:20Z

0

you can find the solution :

$(document).ready(function(){
     var sTempTableRow='<tr><td>cell-1 </td><td>cell-2 </td><td>cell-3 </td><td>cell-4 </td></tr>'
     $('#myTable').append(sTempTableRow);
    });

and remove the onload statement.

You can find the solution here.

answered Nov 10, 2012 at 11:34

Zakaria

15.1k22 gold badges86 silver badges126 bronze badges

1 Comment

csefaruk Over a year ago

Mr. Zakaria i can't user $(document).ready(function(){} because of i use it in a showmodaldialog window where i pass parameter when i user $(document).ready(function(){} function i face an exception like : $(document).ready(function () { var _oPerameter = window.dialogArguments; _oPI = _oPerameter.PI; debugger; RefreshPIProducts(_oPI.web_PIProducts); }); As a result i use onLoad function

Collectives™ on Stack Overflow

dynamically add table row in HTML Table in Javascript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related