Сортировка двух разных индексов столбцов в двух отдельных таблицах данных JS

Question

У меня есть сайт, использующий DataTables для форматирования двух таблиц на одной странице.В настоящее время я могу отображать и использовать обе таблицы (см. Ниже), но я не могу заказать обе таблицы по отдельности по отдельным индексам.В одной таблице 8 столбцов, в другой 11, и я хотел бы отсортировать каждый из них по последнему столбцу.Есть ли способ отсортировать их во время инициализации или после?

Пример сортировки обеих таблиц по 8-му столбцу:

$('table.display').DataTable({
    dom: 'f<br/>Btipr',
    order: [[ 7, "asc" ]],
    buttons: [{
            extend: 'excelHtml5',
            text: 'Save Table Excel',
            filename: input + "_Table",
            className: "btn btn-outline-dark"
        },{
            extend: 'csv',
            text: 'Save Table Csv',
            filename: input + "_Table",
            className: "btn btn-outline-dark"
        },{
            extend: 'pdf',
            text: 'Save Table PDF',
            filename: input + "_Table",
            className: "btn btn-outline-dark"
        },{
            extend: 'colvis',
            text: 'Columns',
            className: "btn btn-outline-dark"
    }]
});

Answer 1

Вместо использования селектора классов используйте селектор Id, чтобы написать код для двух таблиц по отдельности, например:

HTML:

<table class="display" id="table1Id"></table>
<table class="display" id="table2Id"></table>

JS:

$('table#table1Id').DataTable({
    dom: 'f<br/>Btipr',
    order: [[ 7, "asc" ]],
    buttons: [{
            extend: 'excelHtml5',
            text: 'Save Table Excel',
            filename: input + "_Table",
            className: "btn btn-outline-dark"
        },{
            extend: 'csv',
            text: 'Save Table Csv',
            filename: input + "_Table",
            className: "btn btn-outline-dark"
        },{
            extend: 'pdf',
            text: 'Save Table PDF',
            filename: input + "_Table",
            className: "btn btn-outline-dark"
        },{
            extend: 'colvis',
            text: 'Columns',
            className: "btn btn-outline-dark"
    }]
});

$('table#table2Id').DataTable({
    dom: 'f<br/>Btipr',
    order: [[ 10, "asc" ]],
    buttons: [{
            extend: 'excelHtml5',
            text: 'Save Table Excel',
            filename: input + "_Table",
            className: "btn btn-outline-dark"
        },{
            extend: 'csv',
            text: 'Save Table Csv',
            filename: input + "_Table",
            className: "btn btn-outline-dark"
        },{
            extend: 'pdf',
            text: 'Save Table PDF',
            filename: input + "_Table",
            className: "btn btn-outline-dark"
        },{
            extend: 'colvis',
            text: 'Columns',
            className: "btn btn-outline-dark"
    }]
});