15個を超える列を含むことができるテーブルがあります。ユーザーが15個の列を同時に表示することはほとんどありませんが、表示する列を選択するオプションをユーザーに提供する必要があります。表にセクションを追加して、ユーザーが「使用可能な列」から選択して、表示される「選択した列」に移動できるようにします。
しかし、クライアントはよりインタラクティブで直感的なものを探しているため、クライアントはそれを好みませんでした。私が使用できる他のコントロールを私に勧めることができますか?注意!テーブルはExcelテーブルに似ており、ユーザーは列で展開、フィルター、およびソートできます。 Excelのようなものを使用して列を非表示にすることを考えていましたが、「表示」列を作成する方法を見つけることができませんでした。
上記の例では、リストビルダーを使用しています。これはExcelのテーブルに似ていると言います。テーブルの行にCRUDアクション、またはテーブルの上のフィルターコントロールはありますか?
ユーザーがかなり頻繁に表示するように列を調整する可能性がある場合は、次の例のように、テーブルの上に列コントロールを使用できます。
以下は、動作中の別のバージョンです(おそらく、ラベルを使用してより見つけやすくします)。
Mailchimpを使用すると、列の順序も変更できます:
ユーザーがテーブルの列を制御したい理由は2つ考えられます(どちらになるかはわかりません)。
最初の例は、チェックボックスコントロールで機能します。
2番目も機能しますが、いくつかのレスポンシブテーブルパターン(私はあなたが持っていると想定しています)を検討して、水平スクロールまたはモバイルスタック行パターンを考慮できると思います。
それは2012年からですが、レスポンシブテーブルオプションの適切なまとめと上記のリンクです。
使用されていない場合は通常の左クリックで、クリックが使用されている場合はコンテキストクリックで、列ラベルをアクティブにします。有効にすると、Sort A-Z
、Sort Z-A
、Filter
、Resize
、Hide
、Select columns
のオプションを含むポップアップメニューが表示されます。列の選択は、すべての列がリストされたサブメニューであり、それぞれにチェックボックスがあります。
さらに、[列の選択]サブメニューで、または列ラベル自体を使用して、ドラッグアンドドロップスタイルで列の順序を動的にし、列の順序を変更できます。かなり遅いですが、ドラッグアンドドロップをMove left
とMove right
に置き換えることができます。ドラッグほどユーザーフレンドリーではありませんが、カスタマイズは可能です。