dataTables "Uncaught TypeError: Cannot read property 'nTr' of undefined"

Question

So, this is the code I have in a post-submit callback from a form using ajaxForm: ``` function UpdateFormFinished(response, statusText, xhr, $form) { if (response['bResult'] == true) { var sTestType = $("#sTestType").val(); var sTableId = ""; for (index in response) { if (typeof response[index] !== "function" && index != "bResult" && index != "sResult") { aRowIdPieces = index.split("_"); sChar = aRowIdPieces[1]; iColumn = $("#" + index).prevUntil(index).length; sTableId = $("#" + sTestType + "_" + sChar).parent().parent().attr("id"); oTable = $("#" + sTableId).dataTable(); oTable.fnUpdate(response[index], $("#ixDataTable").val(), iColumn); } } } alert(response['sResult']); $("#dialog_test_details").dialog("close"); } ``` The first line after the if retrieves a value from a hidden input in the form itself. The variable "index" will have a value of "someWord_X", where "X" is an integer. iColumn stores the index of the column/cell I want to update (I am aware the numbering starts at zero…

Accepted Answer

I discovered the problem and it is here:

```
oTable.fnUpdate(response[index], $("#ixDataTable").val(), iColumn);
```

Specifically, it is with the value of `$("#ixDataTable").val()` because this evaluates to a string. So, I actually have to write the code like this:

```
oTable.fnUpdate(response[index], parseInt($("#ixDataTable").val()), iColumn);
```

Hope this helps others who might be encountering this and cannot understand why.

dataTables "Uncaught TypeError: Cannot read property 'nTr' of undefined"

Solution

Problem