need help with editable tables in jQuery ( DataTables plugin )
<p>I'm trying to use jQuery and its plugin DataTables ( <a href="http://www.datatables.net/release-datatables/examples/api/editable.html" rel="nofollow">http://www.datatables.net/release-datatables/examples/api/editable.html</a> ), to make an editable table.</p>

<p>Here's my code so far. The top part of it works great by generating a table inside a DIV with the data from a js array.</p>

<p>Yet I also need this table to be editable. I have found an example code for it ( see bottom part ) but kinda can't figure out how to apply it to my table?</p>

<p>Any ideas? Thanks!</p>

<pre><code>$(document).ready(function() {

            $('#dynamic').html( '&lt;table cellpadding="0" cellspacing="0" border="0" class="display" id="example"&gt;&lt;/table&gt;' );
            /// create a table within the '#dynamic' DIV

            $('#example').dataTable( {
                "aaData": numbarr,     /////// takes data from the 'numbarr' js array.
                "aoColumns": [
                    { "sTitle": "Country&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;" },   //// column names
                    { "sTitle": "Number&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;" },
                    { "sTitle": "Tariff ID&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;" },
                    { "sTitle": "Customer Acc&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;" },
                    { "sTitle": "Customer Name&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;" },
                    { "sTitle": "Payment Terms&amp;nbsp;&amp;nbsp;" },
                    { "sTitle": "Payout/Call&amp;nbsp;&amp;nbsp;" },
                    { "sTitle": "Payout/Min&amp;nbsp;&amp;nbsp;" },
                ]
            } );

            ///////////////////////////// the code above workd fine!


            ////////////////// this code was taken from an example, not sure how to connect it with my table...
            $('td', oTable.fnGetNodes()).editable( '../examples_support/editable_ajax.php', {
                "callback": function( sValue, y ) {
                    var aPos = oTable.fnGetPosition( this );
                    oTable.fnUpdate( sValue, aPos[0], aPos[1] );
                },
                "submitdata": function ( value, settings ) {
                    return {
                        "row_id": this.parentNode.getAttribute('id'),
                        "column": oTable.fnGetPosition( this )[2]
                    };
                },
                "height": "12px"
            } );
            ////////////////// this code was taken from an example, not sure how to connect it with my table...
</code></pre>
