模式窗口中 ui-grid 的大小调整行为不正确

Improper resize behavior of ui-grid in a modal window

本文关键字：调整 不正确 窗口 ui-grid 模式      更新时间：2023-09-26

ui-grid 在模式窗口中未正确调整大小。我在这里做错了什么吗？

http://plnkr.co/edit/gte3RmDem5dLAa33h7Kr?p=preview

$scope.myData = [];
$scope.gridOptions =  { 
    data: 'myData',
    rowHeight: 40,
    columnDefs: [
        {field: 'name', displayName: 'Name'},
        {field:'age', displayName:'Age'},
        {field:'gender', displayName:'Gender'} ,
        {field:'ssn', displayName:'SSN'} ,
        {field:'workplace', displayName:'Workplace'} 
    ]
};
$timeout(function(){
  $scope.myData = [
    {name: "Moroni", age: 50, gender:"male", ssn:123, workplace:"foo"},
    {name: "Tiancum", age: 43, gender:"female", ssn:123, workplace:"foo"},
    {name: "Jacob", age: 27, gender:"male", ssn:123, workplace:"foo"}
]; 
},0)

任何帮助，不胜感激。

谢谢

我认为你的问题与css比angular更相关。

尝试将模态的表样式设置为具有模态容器的 100% 宽度，这应该可以解决它

相关文章：