У меня проблема с contenteditable.
, когда я использую contenteditable для столбцов и когда включена опция scrollX, столбцы неправильно выровнены.Посмотрите на мой скриншот Выровнено
Я перепробовал множество решений для stackoverflow, но мне это не удалось.
Однако это мои параметры таблицы данных:
table = $('#sparepart_id').DataTable({
"paging": true,
"stateSave": true,
"pagingType": "full_numbers",
"lengthChange": false,
"searching": false,
"ordering": true,
"info": false,
"autoWidth": false,
"pageLength": 12,
scrollX: true,
"initComplete": function (settings, json) {
$("#sparepart_id").wrap("<div style='overflow:auto; width:100%;position:relative;'></div>");
},
stateLoadCallback: function (settings) {
var o;
$.ajax( {
url : BASE_URL+"spareparts/load_layout",
type : "POST",
data : { module_table : "sparepart-list"},
async : false,
dataType: 'json',
success: function (json) {
o = JSON.parse(json.json);
},
error:function(data){
console.log(data);
}
} );
return o;
}
и в свой HTML-код я положил
<td contenteditable="true"></td>