web-dev-qa-db-ja.com

チェックボックス付きのテーブルで並べ替え、「すべてチェック」できるベストプラクティス

フォームの一部として、ユーザーがヘッダー行をクリックしてその列で並べ替えることができる(そして再度クリックして順序を逆にする)ことができるテーブルがあります。テーブルにはチェックボックスも含まれており、ヘッダー行のチェックボックスをクリックすると、下のすべてのチェックボックスがオンまたはオフになります。

Table with sorting options and checkboxes

ただし、チェックボックスがチェックされているかチェックされていないかによってユーザーが注文したい場合もある。すべてをチェック/チェック解除する機能を維持しながら、この種類を有効にするためのベストプラクティスは何ですか?

3
Mike Eng

選択の並べ替えを行う場合は、先に進んで、フィールドにラベルを追加する必要があります。そうでなければ、システムの一貫性が損なわれます。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

4
rk.

すべてをチェック/すべてを選択ボタンをテーブルのすぐ上または下に使用して、ユーザーがすべてのコンテンツを選択できるようにすることができます。

日付による並べ替えの機能は、今と同じままです。このようにして、両方の目的を達成します。

0
talktokets