This is the code I have, but it errors on firebug saying $("#updateTable").dataTable({bServerSide: true, sAjaxSource: "UpdateTS", bProcessing: true, aoColumns: [{sName: "ID"}, {sName: "Result"}]}).makeEditable is not a function
<link href="../../Content/CSS/demo_table_jui.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jQuery-1.4.4.min.js" type="text/javascript"></script>
<script src="../../Scripts/jQuery.dataTables.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.jeditable.js" type="text/javascript" />
<script src="../../Scripts/jquery.dataTables.editable.js" type="text/javascript" />
<script src="../../Scripts/jquery-ui.js" type="text/javascript" />
<script src="../../Scripts/jquery.validate.js" type="text/javascript" ></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$('#updateTable').dataTable({
"bServerSide": true,
"sAjaxSource": "UpdateTS",
"bProcessing": true,
"aoColumns": [
{ "sName": "ID" },
{ "sName": "Result" }
]
}).makeEditable();
});
</script>
This error is causing the datatable not editable. Am I not using editable plug-in right?
The makeEditable function is defined in the plug-in ../../Scripts/jquery.dataTables.editable.js