JQuery Datatables row height
Eu tenho uma página onde as pessoas podem entrar no primeiro / último nome, telefone, e-mail e etnia clique em adicionar e adiciona uma entrada para as tabelas de dados. O problema é depois de clicar em adicionar a tabela aparece assim:
Como faço para ajustar a altura de cada linha para que ela apareça corretamente. Este é o meu código html para a tabela:
<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>
Aqui está o meu código 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()] );
}
Eu tenho duas perguntas realmente:
Como faço para ajustar a altura corretamente para que o usuário possa ver os dados?Se eu inserir as informações de 20 pessoas, como eu pego todos esses dados para que eu possa inseri-los em um banco de dados mysql?