Hidden pager

Hi, I want to hidden pager if no record. Can you help me?



1 Reply

TS Thiyagu Subramani Syncfusion Team July 9, 2021 09:20 AM UTC

Hi Toan, 

Thanks for contacting Syncfusion support. 

We can achieve your requirement by applying display as none style reference for ‘e-gridpager’ element based on DataSource count in dataBound event like below. Likewise you can achieve your requirement as per your needs. 

btnClick(){ 
        this.gridObj.dataSource = []; 
    } 
    btnClick1(){ 
        this.gridObj.dataSource = [{OrderID: 1, CustomerName: 'text'}] 
    } 
    dataBound(args){ 
        if((this.gridObj.dataSource as any).length === 0){ 
            (document.getElementsByClassName('e-gridpager')[0] as any).style.display = 'none'; 
        } 
        else { 
            (document.getElementsByClassName('e-gridpager')[0] as any).style.display = 'block'; 
        } 
    } 



Please get back to us, if you need any further assistance. 

Regards, 
Thiyagu S 


Loader.
Up arrow icon