Здравствуйте.
Хочу поместить на форму объект типа таблицу с возможностью добавлять новые строки и удалять добавленные.
Подскажите каким образом это лучше сделать.
На текущий момент удалось найти следующую библиотеку
//code.jquery.com/jquery-1.12.3.js
https://cdn.datatables.net/1.10.12/j...aTables.min.js
https://cdn.datatables.net/1.10.12/c...Tables.min.css
все бы ничего, НО при нажатии кнопки новая строка появляется, НО после сразу же пропадает
<script type="text/javascript">
$(document).ready(function() {
var t = $('#example').DataTable();
var counter = 1;
$('#addRow').on( 'click', function () {
t.row.add( [
counter +'.1',
counter +'.2',
counter +'.3',
counter +'.4',
counter +'.5',
counter +'.6'
] ).draw(false);
counter++;
} );
// Automatically add a first row of data
// $('#addRow').click();
} );
</script>
<button id="addRow" class="btn btn-success" type="submit"><i class="glyphicon glyphicon-ok-sign" ></i> Добавить строку</button>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
<th>Column 5</th>
<th>Column 6</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
<th>Column 5</th>
<th>Column 6</th>
</tr>
</tfoot>
</table>
Подскажите в чем может быть проблема.