数据表不对我的某些表进行排序或搜索

如何解决数据表不对我的某些表进行排序或搜索

在我的某些数据表上未显示排序和搜索。我要显示的红色框是红色的，但是我无法让它们在某些桌子上显示u。数据表完全相同，我已经复制了代码，但是没有任何变化。所以我问是否有人对我有解决方案？

在下面，您将看到一些我的javascript和html代码：

--- javascript ---
$("#dataTablesFull,#dataTablesFull2,#dataTablesFull3,#dataTablesFull4").dataTable( {
                    "pageLength": <?php echo getConfigValue("table_records"); ?>,"dom": '<"top"f>rt<"bottom"><"row dt-margin"<"col-md-6"i><"col-md-6"p><"col-md-12"B>><"clear">',"buttons":  [ 'copy','csv','excel','pdf','print' ],"stateSave": true,"fixedHeader": false,"oLanguage": {
                        "sSearch": "","sEmptyTable": "<?php _e('Oops! Er is niets om weer te geven.'); ?>","sZeroRecords": "<?php _e('Niets gevonden'); ?>","sInfo": "<?php _e('Weergeven van: '); ?> _START_ <?php _e('tot'); ?> _END_ <?php _e('van'); ?> _TOTAL_ <?php _e('records.'); ?>","sInfoEmpty": "","oPaginate": {
                            "sNext": "<?php _e('Volgende'); ?>","sPrevious": "<?php _e('Vorige'); ?>","sFirst": "<?php _e('Eerste pagina'); ?>","sLast": "<?php _e('Laatste pagina'); ?>"
                        }
                    },"columnDefs": [ { "orderable": false,"targets": -1 } ] }
                );

--- html ---
<div class="table-responsive">
                                <table id="dataTablesFull" class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Naam</th>
                                            <th>E-mail</th>
                                            <th>Antwoord</th>
                                            <th>Status</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php foreach ($contacts as $contact) { ?>

                                            <tr>
                                                <td>
                                                    <?php echo $name; ?>
                                                </td>
                                                <td>
                                                    <?php echo $email; ?>
                                                </td>
                                                <td>
                                                    <?php
                                                        if(empty($answer)) {
                                                            echo " -";
                                                        }
                                                        if(!empty($answer)) {
                                                            echo $answer;
                                                        }
                                                    ?>
                                                </td>
                                                <td>
                                                    <?php
                                                        if($contact['status'] == 0) {
                                                            echo "Verzonden";
                                                        }
                                                        if($contact['status'] == 1) {
                                                            echo "Beantwoord";
                                                        }
                                                    ?>
                                                </td>
                                                <td>
                                                    <div class='pull-right btn-group'>
                                                        <a href="#" onClick='#' class='btn btn-info btn-flat btn-sm'><i class='fa fa-eye'></i></a>
                                                        <a href="#" onClick='#' class='btn btn-danger btn-flat btn-sm'><i class='fa fa-trash-o'></i></a>
                                                    </div>
                                                </td>
                                            </tr>
                                        <?php } ?>
                                    </tbody>
                                </table>
                            </div>

解决方法

要显示按钮，您需要在“ dom”选项上使用“ B”（即 B 按钮”

要显示搜索栏，您需要在“ dom”选项中输入“ f”（即 f 过滤器

）

对于分页，需要在“ dom”选项中使用“ p”。 （即 p agination）

即

$('#myTable').DataTable( {
    dom: 'Bfrtip',buttons: [
        'copy','excel','pdf'
    ]
} );

请参阅https://datatables.net/reference/option/dom和https://datatables.net/extensions/buttons/

您似乎已经在其中放置了它们，但是应用了额外的样式，这可能是因为所引用的样式表没有加载（通过浏览器开发工具进行检查）