Возможная проблема, связанная с данными, вызывает scrollX - PullRequest
0 голосов
/ 11 октября 2018

У меня проблема с 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>

1 Ответ

0 голосов
/ 11 октября 2018

Не нужно отмечать это как Решение или голосовать.Этот ответ был найден автором этого вопроса.Я перечисляю это, чтобы сохранить шаблон вопросов и ответов, приведенный в SO

.class{
word-break: break-all !important;
cursor: text;
white-space: pre-wrap !important;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...