我有一个页面,人们可以输入名字/姓氏、电话、电子邮件和种族,然后单击“添加”,它会在数据表中添加一个条目。问题是点击添加后表格显示如下:
如何调整每行的高度以使其正确显示。这是我的表的 html 代码:
<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>
这是我的 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数据库中?
正如你所看到的fiddle您的代码是正确的并且应该按预期工作。
在任何情况下设置行高,只需使用 css
tr { height: 50px }
我认为没有必要让它变得更复杂。
关于如何将数据插入数据库的问题,有大量的例子google.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)