Kibana: Table Component

[cjcenizal]

Background

We need a component for consistently displaying tabular data, with functionality for:

• Searching and filtering the rows
• Selecting multiple rows and applying batch actions
• Switching out of table view into a grid view (where applicable)
• Selecting a row to dive into deeper detail

Steps

• [x] Test out design in different use cases, with wireframes. See if it works with existing content. Just rough stress tests. Start with Monitoring.
• [x] Implement it as a component in UI framework.
• [ ] Integrate in Kibana, find edge cases we may have overlooked.

Integration points

• [x] Visualize and Dashboard landing pages for viewing saved objects. (https://github.com/elastic/kibana/issues/7900)
• [x] Management, indices page.
• [ ] Monitoring (everywhere), e.g. nodes, clusters.
• [ ] Settings.

[thomasneirynck]

FYI: we've been using the :Data Table label in visualization.

https://github.com/elastic/kibana/issues?utf8=%E2%9C%93&q=is%3Aopen%20is%3Aissue%20label%3A%22%3AData%20Table%22

It's not exhaustive (I'm sure we mist some here&there), but it should give us a sense of what people are looking for.

[uboness]

Is it really the same? The Data Table here is not a visualization (which to me looks like the label refers to the Data Table Visualization). Here we refer to the Kibana table component that is used in the various pages to display list of items in a table (e.g. the table showing all Dashboards in "Management > Kibana >Saved Objects > Dashboards")

@cjcenizal I think we should change the name here and not call it "Data Table" (I can see how "Data Table" better describes the visualization). Maybe we can name this one "Items Table"?

[cjcenizal]

Why not just call it "Table"?

[uboness]

WOW... "Table"... how did you come up with it??????!!!!!!

[Bargs]

Table? Why not frames?

[cjcenizal]

@Bargs Do you have an example of this name being used for tables somewhere else? When I hear "frames" the first thing I think of is something like an iframe, a window into some other content, not a table.

[Bargs]

Sorry, I was just making a 90s web development joke :)

[cjcenizal]

Haha my bad! That one went right over my head.

[cjcenizal]

For the most part this has been addressed by https://github.com/elastic/kibana/pull/9462. We need more specific issues for instances in the UI where we should update it with the new Table component.