Показать сообщение отдельно
  #1 (permalink)  
Старый 08.07.2016, 14:31
Интересующийся
Отправить личное сообщение для drno-reg Посмотреть профиль Найти все сообщения от drno-reg
 
Регистрация: 16.02.2016
Сообщений: 23

Необхоим пример html table с возможность добавить строку
Здравствуйте.

Хочу поместить на форму объект типа таблицу с возможностью добавлять новые строки и удалять добавленные.

Подскажите каким образом это лучше сделать.

На текущий момент удалось найти следующую библиотеку

//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>


Подскажите в чем может быть проблема.
Ответить с цитированием