特定のデータ行を表示する必要があるプロジェクトに取り組んでいます。私はその目的のためにテーブルを使用しています。
これがテーブルのデモです
ここで問題となるのは、行の選択を変更したり、現在の行をスクロールしたりすると、上下に隠れてしまうことです。現在の行が表示されるようにスクロールを修正するにはどうすればよいですか?
.scrollTo()を実装するにはどうすればよいですか?
特定のデータ行を表示する必要があるプロジェクトに取り組んでいます。私はその目的のためにテーブルを使用しています。
これがテーブルのデモです
ここで問題となるのは、行の選択を変更したり、現在の行をスクロールしたりすると、上下に隠れてしまうことです。現在の行が表示されるようにスクロールを修正するにはどうすればよいですか?
.scrollTo()を実装するにはどうすればよいですか?
これを試してみてください。ただし、コードはテストしていません。
var pos_top = 0 ;
jQuery('tr').click(function(){
var element_pos = jQuery(this).position();
pos_top = element_pos.top;
});
jQuery('.change_but').click(function(){
jQuery('tbody').scrollTop(pos_top);
});
scrollIntoView()
ページに表示されるように要素をスクロールするために使用する which を使用できます。DOM要素に基づいて機能します。selectedRow
selected にクラスを追加tr
し、その DOM 要素を使用します。
$('table').find('tr.selectedRow')[0].scrollIntoView()