尝试使用dataTable复选框后出现“ DataTables警告：表id = dataTable-请求第0行第9列的未知参数'9'”错误

Question

这个问题已经在这里有了答案 ：

DataTables警告：从数据源请求行“ 0”的未知参数“ 0” （11个答案）

DataTables警告-为第0行第0列请求未知参数'0' （1个答案）

DataTables警告：第0行请求的未知参数“ 0” （1个答案）

4小时前关闭。

使用dataTable Checkbox库后，浏览器将警告错误，指出：

DataTables警告：表格ID = dataTable-请求的未知参数'9'，用于第0行第9列

这是dataTable复选框代码：

$(document).ready(function() {
  var productTable = $("#dataTable").DataTable({
    'ajax': "../api/ajax/getProducts.php",
    'columnDefs': [{
      'targets': 0,
      'checkboxes': {
        'selectRow': true
      }
    }],
    'select': {
      'style': 'multi'
    },
    'order': [
      [1, 'desc']
    ]
  });

  $('#frm-example').on('submit', function(e) {
    var form = this;
    var rows_selected = table.column(0).checkboxes.selected();

    // Iterate over all selected checkboxes
    $.each(rows_selected, function(index, rowId) {
      $(form).append($('<input>').attr('type', 'hidden').attr('name', 'id[]').val(rowId));
    });
  });
});

<div class="card-body">
  <div class="table-responsive">
    <form id="frm-example" method="post">
      <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
        <thead>
          <tr>
            <th>
              <!-- <input type="checkbox" name="checkAll" id="checkAll" value=""> -->
            </th>
            <th>ID</th>
            <th>Names</th>
            <th>Description</th>
            <th>Price</th>
            <th>Photo</th>
            <th>Ingredients</th>
            <th>Availability</th>
            <th>Feature</th>
            <th>Action</th>
          </tr>
        </thead>
        <div class="" style="display:inline">
          <div class="my-2" style="margin-left:75%; float:left; display:inline-block;">
            <button onclick="restore(12)" type="button" class="btn btn-primary mr-3 " name="button">Restore <i class="fa fa-trash-restore"></i></button>
            <button type="button" name="button" id="deleteSelected" class="btn btn-primary mr-3" disabled>Delete All Selected <i class="fa fa-times" aria-hidden="true"></i></button>
            <input type="text" id="selectedCounter" disabled>
            <input type="text" id="selectedCounterSample" disabled>
            <a href="product-add.php">
              <button type="button" class="btn btn-primary mr-3 " name="button">Add <i class="fa fa-plus"></i></button>
            </a>
          </div>
        </div>
        <tbody>
        </tbody>
      </table>
    </form>
  </div>
</div>

getProducts.php代码：

<?php
include_once('../../components/db.php');

$sql = "SELECT * FROM products WHERE status='active'";
$query = $conn->query($sql);

$result = array("data" => array());
$ingredients = array();
$checkbox = " ";

// $i = 0;
while($data=$query->fetch_assoc()){
    $sql_ingredients_id = "SELECT * FROM product_ingredient WHERE item_id = '" . $data['id'] . "'";
    $query_ingredients_id = $conn->query($sql_ingredients_id);
    while ($data_ingredients_id = $query_ingredients_id->fetch_assoc()) {

        // echo $data_ingredients_id['ingredient_id'] . " " . $data_ingredients_id['item_id'] . " "."\n" ;
        $sql_inventory_name = "SELECT ingredient_name FROM inventory WHERE ingredient_id = '" . $data_ingredients_id['ingredient_id'] . "'";
        $query_inventory_name = $conn->query($sql_inventory_name);
        while ($data_inventory_name = $query_inventory_name->fetch_assoc()) {
            array_push($ingredients, $data_inventory_name['ingredient_name']);
            // echo $data_inventory_name['ingredient_name'] . " " . $i . " "."\n" ;
        }
    }

    $checkbox = '<input type="checkbox" class="checkbox" id="checkbox_' . $data['id'] . '" value="' . $data['id'] . '" name="groupCheckBox">';
    $image = '<img width="50" height="40" class="rounded-circle" src="../' . $data['image'] . '">';
    $buttons = '<a href="product-update.php?id=' . $data['id'] . '" class="btn btn-info btn-sm"><i class="fa fa-edit" aria-hidden="true"></i></a><a onclick="removeProduct(' . $data['id'] . ')" class="btn btn-danger btn-sm"><i class="fa fa-trash" aria-hidden="true"></i></a>';
    if ($data['availability'] == 'Not Featured') {
        $show = '<a onclick="feature(' . $data['id'] . ')" class="btn btn-success btn-sm"><i class="fa fa-check" aria-hidden="true"></i></a>';
    }else {
        $show = '<a onclick="noFeature(' . $data['id'] . ')" class="btn btn-danger btn-sm"><i class="fa fa-times" aria-hidden="true"></i></a>';
    }

    // need "data" string
    $result["data"][] = array(
        // $checkbox,
        $data['id'],
        $data['names'],
        $data['description'],
        $data['price'],
        $image,
        implode(", ", $ingredients),
        $data['availability'],
        $show,
        $buttons,
    );
    // $i++;
    $ingredients = array();
}

echo json_encode($result);
?>

除了错误，我也无法在dataTables的左侧显示复选框列表。 老实说，我不知道如何解决这里的错误。

---