数据表与我在选择过滤器列过滤上的引导类混淆

当我将Datatables列过滤及其内置的select过滤器一起使用时，它与my混淆<span class="label label-success"> Active </span>并返回以下代码：

我希望它没有“ Deleted“> Deleted”等，而只返回Deleted，Active，Inactive，以便过滤正常工作。

我的Javascript

    $(document).ready(function() {
        $('#questionnaireTable').DataTable( {
            select: {
                style: 'multi'
            },
            initComplete: function () {
                this.api().columns().every( function () {
                    var column = this;
                    var select = $('<select><option value=""></option></select>')
                        .appendTo( $(column.footer()).empty() )
                        .on( 'change', function () {
                            var val = $.fn.dataTable.util.escapeRegex(
                                $(this).val()
                            );

                            column
                                .search( val ? '^'+val+'$' : '', true, false )
                                .draw();
                        } );

                    column.data().unique().sort().each( function ( d, j ) {
                       select.append( '<option value="'+d+'">'+d+'</option>' )
                     } );
                } );
             }
        } );
 } );

刀片引擎（Laravel）返回HTML：

                 <td>
                    @if($questionnaire->deleted_at) 
                        <span class="label label-danger"> Deleted </span> 
                    @elseif($questionnaire->status == \App\Models\Questionnaire::STATUS_ACTIVE) 
                        <span class="label label-success"> Active </span> 
                    @elseif($questionnaire->status == \App\Models\Questionnaire::STATUS_INACTIVE)
                        <span class="label label-warning"> Inactive </span>
                    @else
                        <span class="label label-danger"> Invalid Status </span>
                    @endif
                </td>

任何指针将不胜感激！