特定のデータ行を表示する必要があるプロジェクトに取り組んでいます。そのためにテーブルを使用しています。
これがデモテーブルです。
問題は、行の選択を変更したり、現在の行をスクロールしたりするたびに、上下に隠れてしまうことです。現在の行が表示されるようにスクロールを修正するにはどうすればよいですか?
特定のデータ行を表示する必要があるプロジェクトに取り組んでいます。そのためにテーブルを使用しています。
これがデモテーブルです。
問題は、行の選択を変更したり、現在の行をスクロールしたりするたびに、上下に隠れてしまうことです。現在の行が表示されるようにスクロールを修正するにはどうすればよいですか?
スクロール バーをクリックすると、選択した行からフォーカスが失われるため、行の色を白に戻すぼかし関数が呼び出されます。
ぼかし機能を使用する代わりに、フォーカス機能でこのコードを試してください...
$("tr").css("color", "black");
$("tr").css("background-color", "white");
$("'#"+id+"'").css("color", "white");
$("'#"+id+"'").css("background-color", "black");
最初にすべての tr の背景色を白にリセットしてから、選択した tr の背景色を黒に設定します。
さて、私は解決策を見つけ、divの高さを修正し、スクロールバーを削除しました. つまり、オーバーフロー: なし
これは、フォーカスのある行の背景色を変更しているためです。フォーカスがない場合は、.data-row クラスに戻ります。そのため、スクロール バーをクリックすると元に戻ります。
代わりに、行がフォーカスされるたびに css クラスを置換/追加するだけで、色が黒に設定され、以前にフォーカスされていたものが白にリセットされます。