Как отключить сортировку строк без влияния на события изменения размера заголовка таблицы в jQuery DataTables

Question

Я пытаюсь отключить событие сортировки jQuery DataTable, я нашел несколько способов сделать это, но в результате все также отключает изменение размера столбца.

Мой HTML:

<div id="Grid">
    <table cellspacing="0" id="" class="table">
        <thead>
            <tr>
                <th class="sorting_disabled">Name</th>
                <th class="sorting_disabled">Number</th>
                <th class="sorting_disabled">Email</th>
                <th class="sorting_disabled"></th>
            </tr>

        </thead>
        <tbody>
            <tr>
                <td>Ali</td>
                <td>+961231</td>
                <td>alikleit@@gmail.com</td>
                <td></td>
            </tr>
            <tr>
                <td>saeed</td>
                <td>+123</td>
                <td>123@@gmail.com</td>
                <td></td>
            </tr>
        </tbody>
    </table>
</div>

Jquery:

$(document).ready(function () {


    var table = $('#Grid table').DataTable({
        //"aoColumnDefs": [{
        //    "bSortable": false,
        //    "aTargets": ["sorting_disabled"]
        //}], // also results in disabling column resize
        "ordering": false,
        'dom': 'Rte',
    });

});

Любая помощь?

Answer 1

Я считаю, что размер таблицы будет соответствовать ее содержимому.Попробуйте добавить параметр autoWidth = false.

$(document).ready(function () {


var table = $('#Grid table').DataTable({
    //"aoColumnDefs": [{
    //    "bSortable": false,
    //    "aTargets": ["sorting_disabled"]
    //}], // also results in disabling column resize
    "ordering": false,
    "autoWidth": false,
    'dom': 'Rte',
});

});