Devextreme-reactive: Make Virtual Table fill height of page

Created on 25 Jan 2018  路  3Comments  路  Source: DevExpress/devextreme-reactive

Hey guys,

just a question regarding the Virtual Scrolling table.

Since it seems to need an absolute set height is there an elegant way of making it fill the entire page (i.e. the available height). I guess its doable manually with refs after the DOM has rendered but is there a clever way to do it?

An example would be awesome!

Thanks

Grid question

Most helpful comment

Thanks for the response, but Im trying to avoid having to install another package to achieve this

All 3 comments

Hi! You can use AutoSizer from react-virtualized package.

  <AutoSizer>
    {({ height, width }) => (
      <Grid *props here*>
       <VirtualTable height={height}/>
     <Grid/>
    )}
  </AutoSizer>

Thanks for the response, but Im trying to avoid having to install another package to achieve this

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.

Was this page helpful?
0 / 5 - 0 ratings