added row, now working on deletion of a column

This commit is contained in:
cktricky
2014-03-15 15:46:01 -04:00
parent 16eaefefdf
commit 9951af6170
+132 -1
View File
@@ -24,8 +24,9 @@
</div>
</div>
</div>
<!-- Begin Row-Fluid for Inputs -->
<div class="row-fluid">
<div class="span12">
<div class="span9">
<div class="widget">
<div class="widget-header">
<div class="title">
@@ -61,11 +62,141 @@
</div>
</div>
</div>
<!-- End Row-Fluid for Inputs-->
<!-- Begin Table Stuff -->
<div class="row-fluid">
<div class="span9">
<div class="widget no-margin">
<div class="widget-header">
<div class="title">
<span class="fs1" aria-hidden="true" data-icon="&#xe14a;"></span> Deletable Table Row
</div>
</div>
<div class="widget-body">
<table class="table table-striped table-bordered no-margin">
<thead>
<tr>
<th style="width:25%">
Bank Account Number
</th>
<th style="width:25%">
Bank Routing Number
</th>
<th style="width:25%">
Percentage of Deposit
</th>
<th style="width:25%">
Actions
</th>
</tr>
</thead>
<tbody>
<tr>
<td >
1
</td>
<td>
Srinu
</td>
<td class="hidden-phone">
Active
</td>
<td class="hidden-phone">
<a class="delete-row" data-original-title="Delete" href="#">
<i class="icon-trash">
</i>
</a>
</td>
</tr>
<tr>
<td>
2
</td>
<td>
Baswa
</td>
<td class="hidden-phone">
Active
</td>
<td class="hidden-phone">
<a class="delete-row" data-original-title="Delete" href="#">
<i class="icon-trash">
</i>
</a>
</td>
</tr>
<tr>
<td>
3
</td>
<td>
Prem
</td>
<td class="hidden-phone">
Inactive
</td>
<td class="hidden-phone">
<a class="delete-row" data-original-title="Delete" href="#">
<i class="icon-trash">
</i>
</a>
</td>
</tr>
<tr>
<td>
4
</td>
<td>
Arjun
</td>
<td class="hidden-phone">
Active
</td>
<td class="hidden-phone">
<a class="delete-row" data-original-title="Delete" href="#">
<i class="icon-trash">
</i>
</a>
</td>
</tr>
<tr>
<td>
5
</td>
<td>
Gajju
</td>
<td class="hidden-phone">
Inactive
</td>
<td class="hidden-phone">
<a class="delete-row" data-original-title="Delete" href="#">
<i class="icon-trash">
</i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- End Table Stuff-->
</div>
</div>
</div>
<script type="text/javascript">
$('.delete-row').click(function () {
var conf = confirm('Continue delete?');
if (conf) $(this).parents('tr').fadeOut(function () {
$(this).remove();
});
return false;
});
$("#dd_form_btn").click(function(event) {
var valuesToSubmit = $("#bank_info_form").serialize();
event.preventDefault();