JQuery 数据表行高 [英] JQuery Datatables row height
问题描述
我有一个页面,人们可以在其中输入名字/姓氏、电话、电子邮件和种族,然后单击添加并将条目添加到数据表中.问题是点击添加后,表格显示如下:
如何调整每行的高度以使其正确显示.这是我的表格 html 代码:
<form id="add_nrow" title="添加"><br/><label for="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/></表单><table id="reg_more" border="1"><头><tr><th>名字</th><th>Last Name</th><th>电话</th><th>电子邮件</th><th>种族</th></tr></thead>
这是我的jquery代码
$("#addbtn").click(addrow);$('#reg_more').dataTable({bLengthChange":假,bInfo":假,bPaginate":假,bStateSave":真,"rowHeight": '自动',bFilter":真,bSort":假,"bAutoWidth": 假});函数 addrow() {$('#reg_more').dataTable().fnAddData( [$('#fname').val(),$('#lname').val(),$('#phone').val(),$('#email').val(),$('#ethnicity').val()]);}
我真的有两个问题:
- 如何正确调整高度以便用户可以看到数据?
- 如果输入 20 个人的信息,我该如何获取所有这些数据以便将其输入到 mysql 数据库中?
正如你在这个 fiddle 中看到的 您的代码是正确的,应该可以按预期工作.
无论如何要设置行高,只需使用css
tr { 高度:50px }
我认为没有必要让它变得更复杂.
关于如何将数据插入数据库的问题,google.
I have a page where people can enter in first/last name, phone, email, and ethnicity click add and it adds an entry into the datatables. The problem is after clicking add the table shows up like this:
How do I adjust the height of each row so that it shows up properly. This is my html code for the table:
<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>
Here is my jquery code
$("#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()] );
}
I have two questions really:
- How do I adjust the height properly so the user can see the data?
- If the enter in the information of 20 people, how do I take all that data so I can enter it into a mysql database?
As you can see in this fiddle your code is correct and should work as expected.
In any case to set a row height, simply use css
tr { height: 50px }
i think there is no need for it to be more complex.
Regarding the question on how to insert the data into a db, there are tons of examples on google.
这篇关于JQuery 数据表行高的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!