cell.edit() - Cannot read property 'inline' of undefined

aelgh

Hello,

I have this datatable:

$(document).ready(function () {
                
                SmixTable = table.DataTable({
                   ajax: {
                        url: "Services/ServiceClass.svc/GetMethod",
                        contentType: 'application/json; charset=utf-8',
                        data: { MixplanId: mId, SegmentId: sId },
                        dataType: 'json',                      
                    },
                  columns: [
                        { "data": "xx"  },
                        { "data": 'xx' },
                        { "data": 'xx' },
                        { "data": 'xx' },
                        { "data": 'xx' },
                        { "data": 'xx' },
                        { "data": 'xx' },
                        { "data": 'xx' },
                        { "data": "xx"},
                    ],

             });

            $('#smixOneTable').on( 'click', 'tbody td', function () {
                    SmixTable.cell( this ).edit();
                 } );
};

Im getting the error i mention in the title when pressing a cell in the table " Cannot read property 'inline' of undefined".

It is possible to use cell.edit() on a datatable? Or do I need to rewrite my table to use editor instead?. Don't know if its worth mentioning but the page contains 6 tables all have different id EG smixOneTable, smixTwoTable etc. but they have the same class name.

Atm im using all js and css files for editor extension just to be sure thats not the problem.

Any idea why I am receiving the error?

aelgh

Never mind I understand now. Stupid question!