Pager events about ng2-smart-table HOT 6 CLOSED

Here is what I did if you need more specific logic it should be easy to create:

@HostListener('body:click', ['$event'])
onMouseclick(event: any) {    

  if( (event.target && event.target.attributes.class && event.target.attributes['class'].value=="ng2-smart-page-link page-link")
  || (event.target.parentElement && event.target.parentElement.attributes['class'] && event.target.parentElement.attributes['class'].nodeValue.indexOf("ng2-smart-page-link page-link") >= 0) ){
    
    //Do something
    alert("Pager clicked");
    
  }
}

Since there is no event, we are listening to all clicks! and pick the one we want using the class where the user clicked. yes it is not the best way.

from ng2-smart-table.

hi, you could use the particular observable property in the data source to determine if page change occurs.

let data: LocalDataSource = new LocalDataSource();

this.data.onChanged().subscribe(change => {
	switch (change.action) {
		case 'page':
			this.handleSmartTablePageChange(change);
			break;
		case 'sort':
			this.handleSmartTableSort(change);
			break;
	}
});

Best regards

from ng2-smart-table.

hey @vladoros have you got any solution on this.

from ng2-smart-table.

@Et3rnal good one. But pagination steps are populated on basis of source length, If we create server side pagination your solution wont work. To capture click event it was a good idea 👍

from ng2-smart-table.

@vladoros, you can use the Angular Material Tables instead of this. as I have faced the same issue and didnt found any other solution

from ng2-smart-table.

I'm facing the same here, any solution to attach event anyone?

from ng2-smart-table.