数据表中的自动序列号以及响应表

Question

我无法集成自动序列号 https://datatables.net/examples/api/counter_columns.html

具有响应表类型 https://datatables.net/extensions/responsive/examples/column-control/fixedHeader.html

请告诉我需要在 Javascript 中更改哪些属性才能在一个表中包含两个脚本

附言。请稍微解释一下我来自非技术背景任何代码编译（jsfiddle）将不胜感激

自动序列号也可以排序吗？

如果我尝试添加两种类型的脚本，它最终会出错

<script type="text/javascript" language="javascript" class="init">  

$(document).ready(function() {

    var table = $('#example').DataTable( {

        responsive: true

    } );

    new $.fn.dataTable.FixedHeader( table );

} );

    </script>

<script type="text/javascript" language="javascript" class="init">

$(document).ready(function() {

    var t = $('#example2').DataTable( {

        "columnDefs": [ {

            "searchable": false,

            "orderable": false,

            "targets": 0

        } ],

        "order": [[ 1, 'asc' ]]

    } );

    t.on( 'order.dt search.dt', function () {

        t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {

            cell.innerHTML = i+1;

        } );

    } ).draw();

} );

    </script>

我什至尝试将类更改为 example 并且 example2 没有工作请帮助。