Log In
Back to Designs page

Table of Contents

Related Research

No research entries have been linked to this design.

Resources

No resources available for this entry.

Additional tags

No tags are assigned to this entry.

Column Management

Ethan Kim avatar

Author: Ethan Kim | Last edit: May 31, 2023 | Design type: Tables | Product area: ACM, OpenShift, PatternFly

Background

The current policy data table is in need of advanced UI features for better management. While the table is expected to grow substantially, it easily becomes unmanageable. Here are a few issues we identified:

  • There is no way to filter or sort “disabled policies.”
  • There is no way to differentiate policy sources: Git vs. Non-Git
  • There is no way to manage columns or apply bulk actions

Goal

Users should have ways to manage the policy data table with the following features:

  • Column management
  • Bulk selector
  • Filtering
  • Additional columns for indicating “Status (disabled vs. enabled)” and “Source (local vs. external including Git)”

Column Management

https://www.patternfly.org/v4/components/table/react-demos/#column-management 

The “Manage columns” modal is initiated on click of the icon as follows:

11 items are in the column management modal.

 

The default setting is as follows. “Policy name,” “Namespace,” “Cluster violation,” “Source,” and “Automation” are checked & disabled. “Control,” “Standard,” and “Category” are unchecked.  Users can drag and drop all items.