मैं मैटटेबल में "स्क्रॉल टू टॉप" के लिए एक बटन बनाना चाहता हूं, लेकिन मुझे यह नहीं मिल रहा है।

<mat-table  #table [dataSource]="dataSource 
   (scroll)="onTableScroll($event)">

      <!--table data -->
</mat-table>

<button (click)="scrollToTop()>Test</button>

//typescript
@ViewChild('table') table: ElementRef;

scrollToTop() {
       this.table.nativeElement.scrollIntoView(true);
}

लेकिन यह काम नहीं करता है, देशी एलीमेंट मैटटेबल का तत्व नहीं है, मैं इसे कैसे कर सकता हूं?

1
cucuru 13 फरवरी 2019, 17:58

1 उत्तर

सबसे बढ़िया उत्तर

आप समाधान के करीब थे, बस एक छोटी सी चीज है जो आपको याद आ रही है। आपको चयनकर्ता से ViewChild बताना होगा कि आप कौन सा टोकन पढ़ना चाहते हैं। आपके मामले में { read: ElementRef } के रूप में दूसरा पैरामीटर पास करके ElementRef होगा।

@ViewChild('table', {read: ElementRef}) table: ElementRef;

यहां एक स्टैकब्लिट्ज है जो इसे क्रिया में दिखा रहा है।

2
Fabian Küng 28 फरवरी 2019, 10:01