Jquery无法在数据表中的移动视图中工作，响应

Question

enter image description here当数据表响应时，Jquery无法在移动视图中工作。 它在桌面上正常工作。

这是我的代码

<table class="table steps-table data-table mt-2 table-bordered-none" width="100%"><thead class="thead-default">
                <tr class="hidden-xs-down">
                    <th>SHARE LINK</th>
                </tr>
                </thead>
                <tbody>
                @foreach($goals as $goal)
                    <tr>
             <td><i class="fa fa-facebook bg-blue white h-2 w-2 lh-2 text-center round cursor-pointer fb-share" data-share-url="{{ $goal->generateLink() }}"></i></td></tr>
                @endforeach
                </tbody>

这是我的数据表代码

$('.data-table').DataTable({
    'lengthChange': false,
    'searching': false,
    'responsive': true,
    'order': [[0, 'desc']],
    'responsive': true,
    'pagingType': 'simple',
    'language': {
        'info': '_START_&ndash;_END_ of _TOTAL_ <div class="text-muted text-sm">All times are US Eastern.</span>',
        'emptyTable': 'Nothing here yet.'
    }
});