как сделать так, чтобы плагины таблиц данных работали правильно>

Question

Я пытаюсь использовать плагины таблиц данных для своих таблиц, но это не работает

Я пробовал ответить на этом сайте, но все еще не работает

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap.min.js" type="text/javascript"></script>

а это за столами

<table id="example" class="table table-hover table-striped table-bordered text-center">

            <thead>
              <tr>
                <th>No</th>
                <th>Id Transaksi</th>
                <th>No Kuitansi</th>
                <th>Nama Barang</th>
                <th>Kuantitas</th>
                <th>Harga</th>
                <th>Tanggal</th>
                <th>Keterangan</th>
                <th colspan="2">Opsi</th>
              </tr>
            </thead>
            <tbody>
            <?php
                    $list = stokORM::find_many();
                    $i=1;
                    foreach($list as $stk) :
                        $brg = $stk->barang()->find_one();
                        $trx = $stk->transaksi()->find_one();
                ?>
                <?php
                    $tgl = new carbon($trx->tanggal);
                 ?>
                     <tr>
                    <td><?= $i++;?></td>
                    <td><?= $stk->trx13_id;?></td>
                    <td><?= $trx->no_kuitansi;?></td>
                    <td><a href="lihat_perbarang.php?id=<?= $brg->id;?>">
                            <?= $brg->nama;?></td>
                    <td><?= $stk->qty.' '.$brg->satuan;?></td>
                    <?php
                      if($trx->jenisTrx == 0){
                        echo "<td>".rupiah($trx->hargaJual)."</td >";
                      } else {
                        echo "<td>".rupiah($trx->harga)."</td>";
                      }
                     ?>
                    <td><?= $tgl->format('d/m/Y');?></td>
                    <td><?php
                        if($stk->jenisTrx == 0){
                            echo "Penjualan";
                        } else {
                            echo "Pembelian";
                        }
                        ?>
                    </td>
                    <?php
                    if($stk->jenisTrx == 0) {
                      echo "<td colspan='2'><a style='color:blue;' href='laba-rugi.php?id=$brg->id'>
                      Cek Laba Rugi
                    </a></td>";
                    } else {
                    echo "<td><a style='color:blue;'href='jual-barang.php?id=$trx->id'>
                      Jual
                    </a></td>";
                    }
                    ?>
                </tr>
                </tbody>
                <?php endforeach;?>
          </table>

и скрипт в конце

<script type="text/javascript">
  $(document).ready(function() {
    $('#example').DataTable();
} );
</script>

я хочу, чтобы он работал правильно, как я могу делать живой поиск, я могу сортировать записи и нумерацию страниц Извините за мой плохой английский. заранее спасибо

Answer 1

Вам нужно удалить colspan = "2" из

<th colspan="2">Opsi</th>

Второй шаг - F12 и посмотрите на консоль, вы должны увидеть свои ошибки.Если это так, пожалуйста, предоставьте эту информацию ниже.