Adding personalized Footers to EjGrid

Question

I am looking to add images to EjGrid Footers.

I found the thread where you can add a personalized header to the EJGrid and a page counter in the footer..

But I am having a hard time attaching a personalized image in the footer portion of the EjGrid.

Sathyanarayanamoorthy Eswararao · Answer

Hi Nicholas, 

Thanks for contacting Syncfusion support. 

According to your query you need to add an image to the grid footer in the initial render itself. We have achieved your requirement in the dataBound event of the grid. In the below code example we have appended the image after the pager in the grid footer. 

Refer the code example below. 





 
  $(function () { 
          $("#Grid").ejGrid({ 
                dataSource: data, 
                dataBound:"databound", 
                      ------------------------------ 
 
                columns: [ 
                       
                        { field: "OrderID", headerText: "Order ID", width: 80 }, 
 
             ---------------------------- 
 
            }); 
        }); 
    function databound(args){ 
    $("<image src ='steps recorder.png'/>'").insertAfter($(".e-parentmsgbar")); 
    } 
 
 
 

Refer the below code example for the details of dataBound event. 

https://help.syncfusion.com/api/js/ejgrid#events:databound 


If you need any further assistance please get back to us. 

Regards, 
Sathyanarayanamoorthy