jedit + fixed column and first column on the left side editable
jedit + fixed column and first column on the left side editable
Dear all
I'm trying to get all of these plugins working together. I do something like this:
[code]
var oTable;
oTable = $('#example').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": url + "site/get_data",
"bStateSave": true,
"oLanguage": {
//cut - nothing special here
},
"aoColumns": [
{ "bSortable": false},
null,
null,
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
null,
null,
{ "bSortable": false},
{ "bSortable": false}
],
"aaSorting": [[1, 'asc']],
"sScrollX": "100%",
"sScrollXInner": "220%",
"bScrollCollapse": true,
"fnServerData": function ( sSource, aoData, fnCallback ) {
/* Add some data to send to the source, and send as 'POST' */
aoData.push( { "name": "filter_string", "value": $('#filter_string').val() } );
$.ajax( {
"dataType": 'json',
"type": "GET",
"url": sSource,
"data": aoData,
"success": fnCallback
} );
}
} );
[/code]
THen I'd like to have 4 colums fixed in the following way:
[code]
new FixedColumns( oTable, {
"iLeftColumns": 4,
"iLeftWidth": 450,
} );
[/code]
And then I try to make first of fixed colum editable with the help of jedit plugin:
[code]
oTable.makeEditable({
//sUpdateURL: "UpdateData.php",
"aoColumns":[
{
type: 'select',
onblur: 'submit',
data: "{'':'Please select', 'A':'A','B':'B'}"
},
]
});
[/code]
Nevertheless the above code makes editable first colum on the right side (not fixed one). Does anyone know how to force datatable to make first (left) fixed column editable?
Thanks in advance
Piotr
I'm trying to get all of these plugins working together. I do something like this:
[code]
var oTable;
oTable = $('#example').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": url + "site/get_data",
"bStateSave": true,
"oLanguage": {
//cut - nothing special here
},
"aoColumns": [
{ "bSortable": false},
null,
null,
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
{ "bSortable": false},
null,
null,
{ "bSortable": false},
{ "bSortable": false}
],
"aaSorting": [[1, 'asc']],
"sScrollX": "100%",
"sScrollXInner": "220%",
"bScrollCollapse": true,
"fnServerData": function ( sSource, aoData, fnCallback ) {
/* Add some data to send to the source, and send as 'POST' */
aoData.push( { "name": "filter_string", "value": $('#filter_string').val() } );
$.ajax( {
"dataType": 'json',
"type": "GET",
"url": sSource,
"data": aoData,
"success": fnCallback
} );
}
} );
[/code]
THen I'd like to have 4 colums fixed in the following way:
[code]
new FixedColumns( oTable, {
"iLeftColumns": 4,
"iLeftWidth": 450,
} );
[/code]
And then I try to make first of fixed colum editable with the help of jedit plugin:
[code]
oTable.makeEditable({
//sUpdateURL: "UpdateData.php",
"aoColumns":[
{
type: 'select',
onblur: 'submit',
data: "{'':'Please select', 'A':'A','B':'B'}"
},
]
});
[/code]
Nevertheless the above code makes editable first colum on the right side (not fixed one). Does anyone know how to force datatable to make first (left) fixed column editable?
Thanks in advance
Piotr
This discussion has been closed.