Как показать индикацию сортировки рядом со столбцом заголовка таблицы - Datatable? - PullRequest
1 голос
/ 27 июня 2019

У меня есть таблица данных.

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

Есть ли способ добиться этого в css или js?

Это настройки, которые у меня есть для этого сейчас.

<script src="https://cdn.datatables.net/plug-ins/1.10.10/features/searchHighlight/dataTables.searchHighlight.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://bartaz.github.io/sandbox.js/jquery.highlight.js"></script>




<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.4.2/js/buttons.bootstrap.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.4.2/js/buttons.flash.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.4.2/js/buttons.print.min.js"></script>





<script type="text/javascript">

    $('.sysEventTable').DataTable( {
        "bLengthChange": false,
        "orderCellsTop": true,
        "bFilter": true,
        "Info": false,
        "bSort": true,
        "bPaginate": false,
        "searchHighlight": true,
        "dom": '<"pull-right"B><"pull-right"f><"pull-right"l>tip',
        "buttons": ['copy','csv','pdf','excel','print']
    } );

    $('#myInputTextField').keyup(function(){
        $('.sysEventTable').DataTable().search($(this).val()).draw();
    });


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