i have list of user
using datatable i display .
having edit button in each row.
1st page popup modal open perfectly but after 2nd page it not open.
in pagination first 10 record butoon click popup open
after 2 page click (datatable) popup not work....when i click on edit but nothing happend.
What I have tried:
$(document).ready(function () {
var datatable_documentskillmastertype = $('#data-table-skillmaster-type').DataTable(
{
"aoColumnDefs": [{
bSortable: false,
aTargets: [3, 4, 2]
}],
});
//data list in datatable
<!--DataTables example Row grouping-->
<div id="row-grouping" class="section">
<div class="row">
<div class="col s12">
<table id="data-table-skillmaster-type" class="display" cellspacing="0">
<thead class="blue lighten-5">
<tr>
<th class="center-align">Sr. No</th>
<th>Skill Name</th>
<th>Description</th>
<th class="center-align">Action</th>
</tr>
</thead>
<tbody>
@if (Model != null)
{
int i = 1;
foreach (var item in Model)
{
<tr>
<td class="center-align">@i </td>
<td>@item.SkillName</td>
<td>@item.SkillDiscription</td>
<td class="center-align">
@*<button class="btn btn-danger btn-circle" type="button" onclick="GetSelectedQuote(@item.QuoteId);" data-toggle="modal" data-backdrop="static" data-keyboard="false"> class="fa fa-edit"></button>*@
<a href="#task-modal" title="Modify Skill" onclick="GetSelectedSkill(@item.SkillId);" class="btn-floating waves-effect waves-light darken-2 grid-btn-bg modal-trigger">^__i class="mdi-editor-mode-edit"></a>
</td>
</tr>
i++;
}
}
</tbody>
</table>
</div>
</div>
</div>
<!-- End Dtatable-->
<!--start modalPopup-->
<div id="task-modal" class="modal">
<nav class="task-modal-nav cyne">
<div class="nav-wrapper">
<div class="left col s12 m5 l5">
<ul>
<li>
<a href="#!" class="todo-add">Skill Type</a>
</li>
</ul>
</div>
<div class="right col s12 m5 l5">
<ul>
<li>
<a href="#!" class="todo-menu" onclick="ClearModel();">class="modal-action modal-close mdi-navigation-close"></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="modal-content">
@using (Html.BeginForm("SkillAdd", "SystemPreferences", FormMethod.Post, new { @id = "frmskill", @class = "col s12 right-alert" }))
{
<div class="row" id="clearbody">
@Html.Partial("_AddSkill", new Utility.Model.SkillMaster())
</div>
}
</div>
</div>
<!--end modalPopup-->