Selecting Multiple Rows Header On Row Click

You can add the row to selection in onRowClicked using the rows.selection.add() method.

It is also possible to implement a “toggle” logic using rows.selection.isSelected() and rows.selection.remove():

onRowClicked: args => {
  const selected = scheduler.rows.selection.isSelected(args.row);
  if (selected) {
    scheduler.rows.selection.remove(args.row);
  } else {
    scheduler.rows.selection.add(args.row);
  }
}

 onRowClicked: (args) => {

      const selected = this.scheduler.control.rows.selection.isSelected(args.row);

      if (selected) {

          this.scheduler.control.rows.selection.remove(args.row);

      } else {

          this.scheduler.control.rows.selection.add(args.row);

      }

    },

I want to implement a feature that enables users to select n Number rows by clicking and to deselect them by clicking again. However, this functionality isn't working with my current code. Can you suggest a solution?