[7.17][SecuritySolution] Fix hidden elements on last page of data grid

[janmonschke]

Note: It appears like the auto-backport of #122781 did not work, so I'm manually opening a PR for 7.17 here.

Summary

There was an issue where when going from a full page to a page with only one item, the height of the table was not tall enough. That meant the single row was hidden. (#122111)

I tried out several ways to prevent this issue but most of them were rather brittle. In the end I decided to add an extra row's height to the hacked height when the actual data is less than the page size.

This PR only targets 8.0 & 7.17 since the height hack will be removed from main soon. (#122755)

New behaviour with single row on the last page:

Screen.Recording.2022-01-12.at.15.29.34.mov

New behaviour with multiple rows on the last page:

Screen.Recording.2022-01-12.at.15.27.16.mov

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)

[janmonschke]

@elasticmachine merge upstream

[janmonschke]

@elasticmachine merge upstream

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 0afd27b
• Storybooks Preview

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
timelines	206.0KB	206.0KB	+4.0B

History

• 💔 Build #17799 failed c51e7df
• 💔 Build #17755 failed 29c3ce2

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