Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Security Solution][Investigations] - Add pagination to alert details table #131358

Merged
merged 5 commits into from
May 11, 2022

Conversation

michaelolo24
Copy link
Contributor

@michaelolo24 michaelolo24 commented May 2, 2022

Summary

This PR introduces pagination to the alert details flyout table in all views where it is used. This limits the number of fields which are rendered on load for the flyout, providing performance improvements when hundreds or thousands of fields may render. The preset options of [25, 50, 100] are based on the selection options in discover. The details flyout table is used in the following views: case details page, alerts page, rule details page, host event details page, host external alerts page and timeline views: query tab, correlation tab, session tab, and pinned tab.

Preserving the pagination options was done separately here: michaelolo24#3

Dev tools was used to add 2000+ dummy fields for testing between main and this branch. The same data was used for both videos below, as the branch was just switched.

Before pagination introduction (currently on main):

Screen.Recording.2022-05-04.at.11.22.02.AM.mov

After the introduction of pagination (this branch):

Screen.Recording.2022-05-04.at.11.26.21.AM.mov

The only items changed in the code was the introduction of pagination to the EuiInMemoryTable for the table following the documentation regarding pagination here: https://elastic.github.io/eui/#/tabular-content/in-memory-tables

The only teams impacted by this are teams that utilize this table in the details flyout, which would be the threat hunting investigations and explore teams as well as the cases team who show this flyout when an alert is clicked.

@michaelolo24 michaelolo24 added bug Fixes for quality problems that affect the customer experience release_note:enhancement release_note:fix auto-backport Deprecated - use backport:version if exact versions are needed Team:Threat Hunting:Investigations Security Solution Investigations Team v8.3.0 v8.2.1 ci:deploy-cloud labels May 2, 2022
@michaelolo24 michaelolo24 force-pushed the paginate-details-table branch from 1a7084c to 13da73d Compare May 3, 2022 17:52
@michaelolo24 michaelolo24 changed the title [Security Solution][Investigations] - Add preserved pagination to alert details table [Security Solution][Investigations] - Add pagination to alert details table May 3, 2022
@michaelolo24 michaelolo24 mentioned this pull request May 3, 2022
9 tasks
@michaelolo24 michaelolo24 marked this pull request as ready for review May 10, 2022 12:16
@michaelolo24 michaelolo24 requested a review from a team as a code owner May 10, 2022 12:16
@michaelolo24
Copy link
Contributor Author

@elasticmachine merge upstream

@michaelolo24
Copy link
Contributor Author

@elasticmachine merge upstream

@kibana-ci
Copy link
Collaborator

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
securitySolution 4.8MB 4.8MB +314.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@michaelolo24 michaelolo24 merged commit c0e03c8 into elastic:main May 11, 2022
kibanamachine pushed a commit that referenced this pull request May 11, 2022
… table (#131358)

Co-authored-by: Kibana Machine <[email protected]>
(cherry picked from commit c0e03c8)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.2

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request May 11, 2022
… table (#131358) (#132065)

Co-authored-by: Kibana Machine <[email protected]>
(cherry picked from commit c0e03c8)

Co-authored-by: Michael Olorunnisola <[email protected]>
academo pushed a commit to academo/kibana that referenced this pull request May 12, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
auto-backport Deprecated - use backport:version if exact versions are needed bug Fixes for quality problems that affect the customer experience ci:cloud-deploy Create or update a Cloud deployment release_note:enhancement release_note:fix Team:Threat Hunting:Investigations Security Solution Investigations Team v8.2.1 v8.3.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants