code: function handleChange(e) {
          if (e.detail && e.detail.sentByF7DataTable) {
            // Scripted event, don't do anything
            return;
          }
          var $inputEl = $(this);
          var checked = $inputEl[0].checked;
          var columnIndex = $inputEl.parents('td,th').index();
  
          if ($inputEl.parents('thead').length > 0) {
            if (columnIndex === 0) {
              $el
                .find('tbody tr')[checked ? 'addClass' : 'removeClass']('data-table-row-selected');
            }
            $el
              .find(("tbody tr td:nth-child(" + (columnIndex + 1) + ") input"))
              .prop('checked', checked)
              .trigger('change', { sentByF7DataTable: true });
          } else {
            if (columnIndex === 0) {
              $inputEl.parents('tr')[checked ? 'addClass' : 'removeClass']('data-table-row-selected');
            }
  
            if (!checked) {
              $el.find(("thead .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]")).prop('checked', false);
            } else if ($el.find(("tbody .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]:checked")).length === $el.find('tbody tr').length) {
              $el.find(("thead .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]")).prop('checked', true).trigger('change', { sentByF7DataTable: true });
            }
          }
          table.checkSelectedHeader();
        }
docs: Events