データベースからレコードを挿入/更新/削除するWebアプリケーションがあります。テーブルに対してトランザクションが行われるたびに、変更のタイプとトリガーからの以前の値とともに変更が記録されます。そのようなトランザクションをユーザーに表示するための優れたWebユーザーインターフェイスレイアウトは何ですか？現在、履歴テーブル全体をhtmlテーブルの行と列の形式でユーザーにダンプしています。これらの編集履歴をより適切に表示するためのインターフェイスのヒントを探しています。
ご入力いただきありがとうございます。
データベーステーブルのグリッド表現、プレーンhtml、またはjsフレームワークによって生成されたものを使用できます。さまざまなオプションがあります。
更新されていない新しく挿入されたレコードの場合は、挿入日時を含むレコードを表示するだけです。
更新されたレコードの場合、行の最後に「履歴」や「以前のバージョン」などのタイトルのリンク/ボタンを追加できます。ユーザーがそれをクリックすると、下のサブグリッドを開くことができます。このレコードまたは新しいグリッドのポップアップ（最初にグリッドを実装する方法によって異なります）には、このレコードの履歴のみが表示されます。
削除されたレコードは、（おそらくテーブルの下部に）追加できますが、グレー表示または削除されます。削除されたレコードに対しても必要な場合は、履歴オプションを追加できます。
編集：グリッドの上にいくつかのフィルタリング機能を追加して、ユーザーが挿入/更新/削除されたレコードのみを選択/表示できるようにすることもできます。もちろん、グリッド列の並べ替え機能も追加できます。