У меня есть страница, где люди могут ввести имя / фамилию, телефон, адрес электронной почты и этническую принадлежность, нажмите кнопку Добавить, и она добавляет запись в таблицы данных. Проблема заключается в том, что после нажатия кнопки «Добавить» таблица выглядит следующим образом:

Как мне отрегулировать высоту каждого ряда, чтобы он правильно отображался. Это мой HTML-код для таблицы:

    
        <br>
        First Name
        <br>
        Last Name
        <br>
        Phone
        <br>
        Email
        <br>
        Ethnicity
        <br>   
        <br><br>  
    

    
        
            
                First Name
                Last Name
                Phone
                Email
                Ethnicity
            
        
    

Вот мой код JQuery

$("#addbtn").click(addrow);
$('#reg_more').dataTable({
                "bLengthChange": false,
                "bInfo": false,
                "bPaginate": false,
                "bStateSave": true,
                "rowHeight": 'auto',
                "bFilter": true,
                "bSort": false,
                "bAutoWidth": false
            });


function addrow() {
    $('#reg_more').dataTable().fnAddData( [
        $('#fname').val(),
        $('#lname').val(),
        $('#phone').val(),
        $('#email').val(),
        $('#ethnicity').val()] );
    }

У меня есть два вопроса на самом деле:

Как правильно отрегулировать высоту, чтобы пользователь мог видеть данные?Если ввести информацию из 20 человек, как мне взять все эти данные, чтобы я мог ввести их в базу данных MySQL?