How to create a table using Jquery
Hi I'm trying to study jQuery Myself I need to create a table when a button is clicked using jQuery Please guide me to do the task
Thanks in advance
and the html code I used is given below
@model IEnumerable<movie_index.Models.Movie>
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
<p>
@Html.ActionLink("Create New", "Create")
</p>
<table class="ui-widget ui-widget-content" id="movies">
<tr class="ui-widget-header ">
<th>
Movie
</th>
<th>
Genre
</th>
<th>
Release Date
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.Title)
</td>
<td>
@Html.DisplayFor(modelItem => item.Genre)
</td>
<td>
@Html.DisplayFor(modelItem => item.Release_Date)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { mov = item.Title }) |
@Html.ActionLink("Delete", "Delete", new { mov = item.Title })
</td>
</tr>
}
</table>
<button id="jq_table">Full List</button>