2016年12月22日 星期四

ag-grid 一直自行慢慢拉寬的奇怪現象解法

確定在 chrome 110% 的時候若是放在 modal 中會遇到此問題
設定寬度為一個數值可以解決(設定100%無效)

javascript
====
$scope.getTableHeight = function () {
            return {
                height: $(window).height() - $('#divdetail').offset().top - (($(window).height() - $('#divdetail').closest('.modal-content').height()) / 2) - 20,
                width: $('#divdetail').closest('td').width(),
            }
        };


html
====
<div id="divdetail" ag-grid="gridOptions" class="ag-green" style="margin-top:5px;" ng-style="getTableHeight()"></div>

input 連結 datalist 用程式控制彈出選項

範例: nextTick(() => document.querySelector('input').showPicker());  ※僅支援現代瀏覽器