Skip to content

DataTable height with stickyHeader #1261

Answered by theetrain
Tihomir971 asked this question in Q&A
Discussion options

You must be logged in to vote

@Tihomir971 You can override the .bx--data-table--sticky-header class by setting a max-height CSS value. Here's one way;

<DataTable stickyHeader {...tableProps} />

<style>
  :global(.bx--data-table--sticky-header) {
    max-height: 400px;
  }
</style>

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by Tihomir971
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants