How to trigger window resize event in Angular

Question

I am using a Angular plugin on data table. The container of the data table is resizable, while through the doc I learned that the data table it self will resize when there is a

Answer 1

You can trigger window.resize event by

window.dispatchEvent(new Event('resize'));

---

And for listening to window.resize, use HostListener as below example:

@HostListener('window:resize', ['$event'])
sizeChange(event) {
  console.log('size changed.', event);
}

live demo