自定义输入复选框类名称上的DataTable项选择

<table id="myTable">
  <!-- 表头 -->
  <thead>
    <tr>
      <th></th>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <!-- 表体 -->
  <tbody>
    <tr>
      <td></td>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
    <!-- 其他数据行 -->
  </tbody>
</table>

$(document).ready(function() {
  $('#myTable').DataTable({
    columnDefs: [{
      orderable: false,
      className: 'select-checkbox',
      targets: 0
    }],
    select: {
      style: 'multi',
      selector: 'td:first-child'
    },
    order: [[1, 'asc']]
  });
});

.select-checkbox::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url('checkbox.png') no-repeat;
  background-size: 17px 17px;
  vertical-align: middle;
  cursor: pointer;
}