DataTables.js - динамически изменять приоритет столбца - PullRequest
0 голосов
/ 26 февраля 2019

Я использую таблицы данных с адаптивным плагином.Когда я инициализирую свою таблицу данных, я устанавливаю приоритет реагирования для каждого столбца.

Я бы хотел, чтобы мои пользователи могли устанавливать свой собственный приоритет при просмотре таблицы в случае, если один из столбцов ониинтересующийся в настоящее время скрыт из-за их разрешения экрана.

Пример: с возможностью записи в виде столбцов A, B, C, D и E

Пользователь видит только A, B, C и D из-за экранаразрешение.

Я бы хотел, чтобы пользователь мог переключать приоритет реагирования D с приоритетом реагирования E, чтобы вместо D появлялся символ D.

Есть ли способ достичьэто с Datatables?

Я не могу найти какой-либо способ обновить или установить respivePriority за пределами инициализируемой датой инициализации.

Я также попробовал плагин colReorder, и хотя мне разрешено переключать один столбец с другим, когда они оба видимы, когда я пытаюсь переключить столбец с невидимым столбцом, ничего не происходит:

var table;
$(document).ready(function() {
    var table = $('#tabTest').dataTable({
     "columns": [
            {   
          "responsivePriority": 1
        },
        {   
          "responsivePriority": 2
        },
        {   
          "responsivePriority": 3
        },
        {   
          "responsivePriority": 4
        },
        {   
          "responsivePriority": 5
        },
        {   
          "responsivePriority": 5
        }
      ],
      "colReorder": true,
    });
    $(document).on('click', '#switchme', function(){
        $('#tabTest').DataTable().colReorder.move(4,5);
    });
});

https://jsfiddle.net/jcqk5m18/1/

1 Ответ

0 голосов
/ 26 февраля 2019

документация

<tr>
            <th data-priority="1">First name</th>
            <th>Last name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
            <th>E-mail</th>
            <th data-priority="2">Extn.</th>
        </tr>

вы можете использовать data-priority="{some variable}"

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...