0

jquery のデータテーブルを使用して、Web サイトのデータを表示および編集しています。しかし、列の値を編集するときに少し問題があります。行の編集ボタンを押すと、データテーブルが少しジャンプします。このため、編集行を表示するにはもう一度スクロールする必要があります。また、保存を押すと、データテーブルが再びジャンプします。最初に編集ボタンを保存または押した後、テーブルスクロールが一番上に戻りました。しかし、コメントに oTable.fndraw() を配置することで、これを解決できました。しかし、それはまだ本来のように機能していません。だから私が欲しいのは、編集ボタンを押してもテーブルの位置が変わらないので、行は同じ場所にあり、保存ボタンを押しても同じ場所にとどまることです。

最初は、ページングを使用したことが原因であると考えましたが、ページングを無効にすると同じ問題が発生しました。誰かがこの問題をどこで解決できるか知っていますか?

4

1 に答える 1

2

行の高さという 2 番目の問題の解決策を見つけました。また、Wish は、私の最初の質問に対する答えも与えてくれました。それは、表の行を編集するときに、どうすれば同じ場所にとどまることができるかということです。行の高さです。そのため、行の高さを変更しようとしましたが、うまくいきました。

行の高さを変更する必要があるのはcssファイルではなく、スタイルタグです。このような：

<style type="text/css" title="currentStyle">
    @import "../javascript/3rdParty/jquery/css/table.css";
    tr { height: 50px; }
</style>

行の高さがすべて同じになり、テーブルのスクロールに問題がなくなりました。

追加の注意: ページにさらにテーブルがある場合は、tr の前に id を追加することを忘れないでください。それ以外の場合、すべてのテーブル行は指定された高さになります。

于 2012-04-19T06:25:43.363 に答える