bwu_datagrid聚合物1：高度100％內部div

我正在嘗試創建一個定製聚合物1組件，其中包含一個bwu_datagrid。這個組件可以按需調整大小，我已經看到了「e11_autoheight」和「e12_fillbrowser」示例，但我不想依賴「100vh」，也不強制父div增長以顯示所有行。bwu_datagrid聚合物1：高度100％內部div

有沒有辦法允許數據網格增長，當父div被調整大小，但繼續保持滾動條，如果父div小於行數？

任何指導，高度讚賞。

來源

2016-03-21 Alex L.

此外，我想在調整大小的div內附上一個帶有「autoHeight：true」的bwu_datagrid。這幾乎，幾乎完成我想要的，但然後右側滾動條滾動一切，列標題和行....我想我正在尋找一個「autoHeight：true」，不剝奪從視口的滾動功能和它能夠相應地調整視口的大小......如果目前的版本無法做到這一點，我將不得不想出其他的東西，但我希望能夠幫到大量的人:) –

我必須自己去查看它（還沒有在我的電腦上）。據我記得，當容器的大小發生變化時，你必須在BwuDatagrid上調用一個方法（'resize'？）。我會稍後檢查。 –

我使用例如

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

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

有可能是其他原因容器比大小的窗口來調整，但也沒有辦法讓調整從元素的事件（至少而不是來自所有瀏覽器）。

在這種情況下，您必須找到其他方法來調用此代碼。例如，如果你有一個分離器組件，你會得到一些拖動事件或類似的東西。

來源

2016-03-22 06:20:56

啊，是的，它照顧了它......但它引發了一些關於在同一個視圖上多個網格會發生什麼......所有將得到「resizeCanvas」調用...我將不得不測試這個表現。我通過做這個CSS覆蓋非常接近，但我不是一個「重要」的粉絲，我的團隊擔心任何與「calc」有關的東西... ：host :: content #viewport { height：calc（ 100％ - 26px）！重要; } –

bwu_datagrid聚合物1：高度100％內部div

回答

相關問題