dartpolymerbwu-datagrid

bwu_datagrid Polymer 1 : height 100% inside a div

I'm trying to create a custom polymer 1 component with a bwu_datagrid inside of it. This component can be resized on-demand, I've seen the "e11_autoheight" and "e12_fillbrowser" examples, but I don't want to rely on "100vh", nor force the parent div to grow to show ALL rows.

Is there a way to permit the datagrid to grow when a parent div is resized but continue to keep the scrollbar if the parent div is smaller than the # of rows?

Any guidance is highly appreciated.

Solution

  • I use for example 

    dom.window.onResize.listen((dom.Event e) => grid.resizeCanvas(e));

    See https://github.com/bwu-dart/bwu_datagrid/blob/44215176ca3443d76b1a0573a25186e97ca7f207/example_/lib/e12_fillbrowser/app_element.dart#L86

    There might be other reasons for the container to resize than a resized window , but there is no way to get resize events from elements (at least not from all browsers).

    In this case you have to find other means to invoke this code. For example if you have a splitter component, you would get some drag events or similar.