web-dev-qa-db-ja.com

テーブルのアクションメニュー

私は最近、テーブルプロジェクトに取り組んでいて、問題が発生しました。各行に「ブックマークに追加」「CRMに追加」「全画面表示」などのアクションのセットがあるテーブルがあります。

したがって、すべての行に対してこのアクションを常に表示すると、見栄えがよくありません。だから私がやったことは、あなたが任意の行の上にホバーしたときに来るアクションメニューを導入したことです。 (画像に示すように)

しかし、私は完全な出力を達成することができませんでした。

これの問題は、ブックマークされているものとされていないものを知るために、ユーザーが各行にカーソルを合わせる必要があることです。

別のバージョンでは、最初の列の横にあるすべてのアクションを実行しました。すでにブックマークされている場合は常に表示し、そうでない場合はホバー時に表示されます。

これを解決するより良い方法があるかどうか教えてください?

enter image description here

enter image description here

1
Harshith

したがって、すべての行に対してこのアクションを常に表示すると、見栄えがよくありません。

これを解決するには、アクションバーが必要ですです。黄色で表示されている現在の状態と同じようにすることができます。別のオプションは、サブメニューをmore icon(縦の省略記号)クリックで表示することです。

ブックマークされているものとされていないものを知るために、ユーザーは各行にカーソルを合わせる必要があります。

これを解決するには、2番目のスクリーンショットが最適です。

基本的に、私はあなたに両方のオプションを組み合わせるをお勧めします。

6
Kishan