bind table using jquery

Try the below code only for reference purpose.

call an ajax method inside document.ready() .

inside the succes method use the for loop code.

>
<html lang="en">
<head>
<title>Tooltip Exampletitle>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js">script>
head>
<body>
<div class="container">
<table class="table table-striped">
<thead>
<tr>
<th>Sl.Noth>
<th>Byke Nameth>
<tr>
thead>
<tbody id="tblBykeLists"><tbody>
table>
div>
<script>
$(document).ready(function(){
var bykeList=["Hero","Honda","Suzuki"];
for(i=0;i<bykeList.length;i++){
var html=""+Number(1+i)+"td><td>"+bykeList[i]+"td>tr>";
$("#tblBykeLists").append(html);
}
});
script>
body>
html>

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bidyasagar Mishra7y ago
Accepted answer
Try the below code only for reference purpose.
call an ajax method inside document.ready() .
inside the succes method use the for loop code.
>
<html lang="en">
<head>
  <title>Tooltip Exampletitle>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js">script>
head>
<body>

<div class="container">
<table class="table table-striped">
<thead>
<tr>
<th>Sl.Noth>
<th>Byke Nameth>
<tr>
thead>
<tbody id="tblBykeLists"><tbody>
table>

div>

<script>
$(document).ready(function(){
var bykeList=["Hero","Honda","Suzuki"];
for(i=0;i<bykeList.length;i++){
var html=""+Number(1+i)+"td><td>"+bykeList[i]+"td>tr>";
$("#tblBykeLists").append(html);
}
});
script>

body>
html>
+1
Harish Sahoo7y ago
thanks bidyasagar Mishra its working
0
Nilesh Sawardekar7y ago
share what you have tried so far, to get exact idea of what you are looking for.
+1