Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 追加()时逐行滚动tbody()_Jquery_Css_Scroll_Rows - Fatal编程技术网

Jquery 追加()时逐行滚动tbody()

Jquery 追加()时逐行滚动tbody(),jquery,css,scroll,rows,Jquery,Css,Scroll,Rows,我想要一个行可滚动的表,但不幸的是滚动表插件不允许与append()或一起使用。此外,如果append(),我想滚动一行又一行。我制作了一个JSFIDLE演示: $(函数(){ $(“.Add”).bind(“单击”,添加); 函数Add(){ var table=$(this).closest('table'); var id_table=table.attr('id').substr(0,2); var t=$('#'+id_table+'>tbody>tr')。长度; 如果(t==8){$

我想要一个行可滚动的表,但不幸的是滚动表插件不允许与
append()
或一起使用。此外,如果
append()
,我想滚动一行又一行。我制作了一个JSFIDLE演示:

$(函数(){
$(“.Add”).bind(“单击”,添加);
函数Add(){
var table=$(this).closest('table');
var id_table=table.attr('id').substr(0,2);
var t=$('#'+id_table+'>tbody>tr')。长度;
如果(t==8){$('#'+id_table+'bis>tfoot').css('display','none');}

如果(tI)编辑了你的标题。请看,其中的共识是“不,他们不应该”。对不起,我理解在标题标签的开头可以改进帖子。至于我
$(function () {
    $(".Add").bind("click", Add);
    function Add() {
        var table = $(this).closest('table');
        var id_table = table.attr('id').substr(0,2);
        var t = $('#'+id_table+' >tbody >tr').length;
        if (t==8){$('#'+id_table+'bis > tfoot').css('display','none');}
        if (t<9){
            $("#"+id_table+"bis").find("tbody").append(
                "<tr>" +
                "<td><input type='button' class='Delete' value='X'/></td>" +
                "<td><input type='text' class='argument' /></td>" +
                "<td><input type='button' class='less' value='-'/></td>" +
                "<td><input type='text' class='note' value='0'/></td>" +
                "<td><input type='button' class='more' value='+'/></td>" +
                "</tr>");
        }
    };
});