Mouse events

This page can be found at mouseevents/run.astro.

In this example, we demonstrate how to listen to table events.

If you’re using plain JavaScript, implementing an EventListener is necessary, as demonstrated in this example. For frameworks like Angular, events can be directly listened to in the framework-specific notation within the table tag.

<guiexpert-table
    (contextmenu)="onContextmenu($event)"
    (mouseClicked)="onMouseClick($event)"
    (mouseMoved)="onMouseMoved($event)"
    (tableReady)="onTableReady($event)"
    [tableModel]="tableModel"
    class="table-div"></guiexpert-table>

return (
  <>
    <GuiexpertTable
      tableModel={tableModel}
      tableOptions={new TableOptions}
      mouseClicked={console.info as GeMouseEventFn}
    />
  </>
);