2 
        var newrow =
     $(
     "<tr id=" + mahs + ">"
    + "<td id=\"stt\">" + $("#txtIncrement").val() + "</td>"
    + "<td id=\"mahs\">" + mahs + "</td>"
    + "<td id=\"fullname\">" + $("#txtFullname").val() + "</td>"
    + "<td id=\"delete\">" + "<a href=\"#\"><img src=\"/Contents/Images/delete.png\" style=\"width:30px;height:30px;\" alt=\"\" /></a>" + "</td>"
    + "</tr>");
    $("#tbContent").append(newrow);

このコードを使用して、以下の div タグの table(tbContent) に新しい行を追加します。

 <div  id="scrollpanel" class="cvleft" style="height:417px; overflow:scroll;">
        <table id="tbContent">
        <thead>
            <tr>
                <th>STT</th>
                <th>HS</th>
                <th>Name</th>
                <th>Delete</th>

            </tr>
        </thead>
        <tbody>
        </tbody>
        </table>
    </div>

table に追加されたときにその行にフォーカスするにはどうすればよいですか? ありがとう！

4

2 に答える 2

1

新しい行を入力した後、div の一番下までスクロールしようとしていると仮定すると、次のようなことを試してください。

var height = $('#scrollpanel')[0].scrollHeight;
$('#scrollpanel').scrollTop(height);

または、アニメーション化する場合は、次のようにします。

var height = $('#scrollpanel')[0].scrollHeight;
$("#scrollpanel").animate({ scrollTop: height}, 1000);

幸運を。

于 2013-02-04T02:11:35.990 に答える
0

行が追加されたときにjqueryを使用してみてください->

$('#scrollpanel').scrollIntoView()

javascript/jquery を使用して特定のテーブルの行に集中するにはどうすればよいですか?

于 2013-02-04T02:16:29.093 に答える