handlebar.js table creation
i have to try create table using using handlebar concept.but we have to generate the serial number dynamically so ply guys. <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <title>Insert title here</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> </head> <body> <script id="some-template" type="text/x-handlebars-template"> <table class="table"> {{#users1}} <thead> <tr> <th scope="col">row</th> <th scope="col">First Name:</th> <th scope="col">Last Name:</th> <th scope="col">DOB:</th> <th scope="col">Address1:</th> <th scope="col">Address2</th> <th scope="col">Address3:</th> <th scope="col">City</th> <th scope="col">Country:</th> <th scope="col">zip:</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>{{{firstName}}}</td> <td>{{{jobTitle}}}</td> <td>{{{ dob}}}</td> <td>{{{address1}}}</td> <td>{{address2}}</td> <td>{{address3}}</td> <td>{{city}}</td> <td>{{country}}</td> <td>{{zip}}</td> </tr> <tr> <th scope="row">1</th> <td>{{{firstName}}}</td> <td>{{{jobTitle}}}</td> <td>{{{ dob}}}</td> <td>{{{address1}}}</td> <td>{{address2}}</td> <td>{{address3}}</td> <td>{{city}}</td> <td>{{country}}</td> <td>{{zip}}</td> </tr> <tr> <th scope="row">1</th> <td>{{{firstName}}}</td> <td>{{{jobTitle}}}</td> <td>{{{ dob}}}</td> <td>{{{address1}}}</td> <td>{{address2}}</td> <td>{{address3}}</td> <td>{{city}}</td> <td>{{country
Often have questions like this?
Learn more efficiently, for free:
