[英]jQuery append rows to a table
I have a jQuery DataTable with options for inserting new rows. 我有一个带有插入新行选项的jQuery DataTable。
I've set a limit for table rows to 8. 我已将表格行的上限设置为8。
If the table already has 8 rows it displays an error message. 如果表已经有8行,则会显示一条错误消息。
The problem is that if i have 7 rows it doesen't add the eighth one. 问题是,如果我有7行,则不会添加第八行。
How to fix this ? 如何解决呢?
var addImage = function(){
var row_number = $s('.table-slides tbody tr').length;
var oTable = $s('#dataT').DataTable();
var max_rows = 8;
$s('body').on('click', '#slide-add', function(){
if(row_number < max_rows){
oTable.row.add(
[
'<input type="text" name="nume[]" />',
'<input type="file" name="image[]" id="image" />',
'<input type="text" name="link[]" />',
'<a title="Vizualizeaza slide" href="javascript:void(0);"><i class="fa fa-eye"></i></a>',
'<a href="javascript:void(0);"><i class="fa fa-times"</i></a>'
]
).draw();
row_number++;
}else{
alert('Error max limit exceeded');
}
});
};
Solved. 解决了。
There was an emty row in my DataTable that displays a message for empty table. 我的DataTable中有一个emty行,其中显示有关空表的消息。
var addImage = function(){
var row_number = $s('.table-slides tbody tr').length;
var oTable = $s('#dataT').DataTable();
var max_rows = 8;
var empty_row = $s('.dataTables_empty').length;
if(empty_row){
row_number = 0;
}
$s('body').on('click', '#slide-add', function(){
if(row_number === max_rows){
alert('Error max limit exceeded');
}else{
oTable.row.add(
[
'<input type="text" name="nume[]" />',
'<input type="file" name="image[]" id="image" />',
'<input type="text" name="link[]" />',
'<a title="Vizualizeaza slide" href="javascript:void(0);"><i class="fa fa-eye"></i></a>',
'<a href="javascript:void(0);"><i class="fa fa-times"</i></a>'
]
).draw();
row_number++;
}
});
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.