DataTable无法在我的一张桌子上工作

Question

我的一个表有问题，它没有显示为DataTable，而另一个表却显示为... 我看不到失败的地方，所以就去了：

工作数据表（看起来像数据表）

<table id="tabla-diccionarios" class="display table table-bordered table- 
striped table-hover tabla-usuarios" width="75%">
                            <thead>
                                <tr>
                                    <!-- <th>ID</th>
                                    <th>Tipo</th> -->
                                    <th>Nombre</th>
                                    <!-- <th data-orderable="false">Ver 
elementos</th> -->
                                </tr>
                            </thead>
                            <tbody> 
                                <?php foreach ($diccionarios as 
$diccionarios): ?>
                                    <tr>
                                        <!-- <td><?php echo 
$diccionarios['DICC_Id']; ?></td>
                                        <td><?php echo 
$diccionarios['DICC_Tipo'];?></td> -->
                                        <td><a href="<?php echo 
base_url('diccionarios/elementos_diccionario/'.$diccionarios['DICC_Id']); ? 
>"><?php echo $diccionarios['DICC_Nombre'];?></td>
                                        <!-- <td>
                                            <a href="<?php echo 
 base_url('diccionarios/elementos_diccionario/'.$diccionarios['DICC_Id']); ? 
 >">
 <i class="material- icons">info_outline</i></a>
                                        </td> -->
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>

不工作的表（看起来像普通表）

<table id="tabla-elementos" class=" display table table-bordered table- 
striped table-hover tabla-usuarios">
                            <thead>
                                <tr>
                                    <th>Key</th>
                                    <th>Display</th>
                                    <th colspan="2">Acciones</th>
                                </tr>
                            </thead>
                            <tbody> 
                                <?php foreach ($elementos as $elementos): ?>
                                    <tr data-id='<?php echo 
$elementos['ELDI_Id']; ?>'>
                                        <td><?php echo 
$elementos['ELDI_Key'];?></td>
                                        <td><?php echo 
$elementos['ELDI_Display'];?></td>
                                        <td>
                                            <span class="btn btn-default 
editar_elemento" id='<?php echo $elementos['ELDI_Id']; ?>' value="<?php echo 
$elementos['ELDI_Id'];?>">
                                                <a href="<?php echo base_url('diccionarios/elemento_diccionario').'/'.$elementos['ELDI_Id'];?>" title="Editar">
                                                    <i class="material-icons">edit</i>
                                                </a>
                                            </span>
                                        </td>
                                        <td>
                                        <span class="btn btn-default borrar_elemento" id='<?php echo $elementos['ELDI_Id']; ?>' value="<?php echo $elementos['ELDI_Id'];?>">
                                                <i class="material-icons">delete_outline</i>    
                                            </span>
                                        </td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>

JS（两个表都一样，只是更改了ID）

$('#tabla-diccionarios').DataTable( {
    "pagingType": "simple_numbers",
    "lengthMenu": [[-1, 10, 25, 50], ["Todos", 10, 25, 50]],
    "language": {
        "lengthMenu": "Mostrar registros _MENU_ ",
        "zeroRecords": "No se encontraron resultados.",
        "info": "Mostrando registros del _START_ al _END_ de un total de 
_TOTAL_ registros.",
        "infoEmpty": "No hay registros disponibles",
        "infoFiltered": "(filtrado de un total de _MAX_ registros)",
        "paginate": {
            "previous": "Anterior",
            "next": "Siguiente",
        },
        "search": "Buscar: ",
    }
}); 

感谢您的时间！

Answer 1

您的表中总共有3个“ <th>”列和4个“ <td>”列，这就是为什么它不起作用的原因。