Currently it is use in DurandalJs Application but it can easily used independently in any Web application that uses KnockoutJs.

Javascript Source
Username CreatedOn/By
No record/s to display.

Javascript

 var tbl = new ko.dataGrid.vm({ data: items, searchField: 'username' });

Html


                            

                        

                        
                    

                

            

        
            


                

                    
 Ajax Source

                    


                        

                            

                                

                                    
                                    

                                        
                                    

                                    
                                

                            

                        


                        

                            

                                
                                    

                                        Username
                                        CreatedOn/By
                                    

                                
                                
                                    

                                        No record/s to display.
                                    

                                    
                                    

                                        
                                            
                                        
                                        
                                    

                                    
                                
                            

                            
                        



                        

                            

                                
Javascript

                                
var tbl = new ko.dataGrid.vm({ url: 'request/GetAjax.json', searchField: 'username' });

                            

                        

                        

                            

                                
Html

                                
//Same as JavascriptSource Html

                            

                        


                    

                

            


            


                

                    
 Error handler

                    


                        

                            

                                

                                    
                                    

                                        
                                    

                                    
                                

                            

                        


                        

                            

                                
                                    

                                        Username
                                        CreatedOn/By
                                    

                                
                                
                                    

                                        No record/s to display.
                                    

                                    
                                    

                                        
                                            
                                        
                                        
                                    

                                    
                                
                            

                            
                        



                        

                            

                                
Javascript

                                
var tbl = new ko.dataGrid.vm({ url: 'request/GetAjaxs.json', searchField: 'username' });

                            

                        

                        

                            

                                
Html

                                
//Same as JavascriptSource Html

                            

                        


                    

                

            


            


                

                    
 Error handler

                    

                        
Server side processing option is almost same as using ajax source. 
                            knockout-dataGrid will request to your web service with query parameters of draw, search, length and start.

                        
Your web service need to return the same value of draw, recordsTotal no off all rows, and data an array containing 10 rows(depend on length).