Wysokość wiersza JQuery Datatables
Mam stronę, na której ludzie mogą wprowadzać imię / nazwisko, telefon, e-mail i etniczne kliknięcie dodać i dodaje wpis do danych. Problem polega na tym, że po kliknięciu Dodaj tabela pojawia się w następujący sposób:
Jak dostosować wysokość każdego rzędu, aby wyświetlał się prawidłowo. To jest mój kod HTML dla tabeli:
<div id="table">
<form id="add_nrow" title="Add">
<br/>
<label for="name">First Name</label><input type="text" name="fname" id="fname" class="required" rel="0" />
<br />
<label for="name">Last Name</label><input type="text" name="lname" id="lname" rel="1" />
<br />
<label for="name">Phone</label><input type="text" name="phone" id="phone" rel="3" />
<br />
<label for="name">Email</label><input type="text" name="email" id="email" rel="4" />
<br />
<label for="name">Ethnicity</label><input type="text" name="ethnicity" id="ethnicity" rel="5" />
<br />
<input type="button" value="Add" id="addbtn" /><br/><br/>
</form>
<table id="reg_more" border="1">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Phone</th>
<th>Email</th>
<th>Ethnicity</th>
</tr>
</thead>
</table>
</div>
Oto mój kod 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()] );
}
Mam naprawdę dwa pytania:
Jak prawidłowo ustawić wysokość, aby użytkownik mógł zobaczyć dane?Jeśli wpis w informacji o 20 osobach, jak wziąć wszystkie te dane, abym mógł je wprowadzić do bazy danych mysql?