Question

我是AngularJS和ui-grid的新手。

我想显示水平滚动条，但它没有显示，也无法更改列宽。网格的宽度不会改变，所有列都会缩小以适合网格。

第一。我从horizontal_scrolling tutorial复制粘贴到my Plunker。好。它有效。

它定义了列宽，如下面的代码。

$timeout( function() {
  // colCount=10;
  for (var colIndex = 0; colIndex < colCount; colIndex++) {
    $scope.gridOptions.columnDefs.push({ 
      name: 'col' + colIndex,
      width: 200
    });
  }
});

第二。我改变了一点。但它不起作用.... 2nd example Plunker

var arr = [{name:'col0', wigth: 200},
          {name:'col1', wigth: 200},
          {name:'col2', wigth: 200},
          {name:'col3', wigth: 200},
          {name:'col4', wigth: 200},
          {name:'col5', wigth: 200},
          {name:'col6', wigth: 200},
          {name:'col7', wigth: 200},
          {name:'col8', wigth: 200},
          {name:'col9', wigth: 200}];
$timeout( function() {
  // arr.length=10;
  for (var i = 0; i < arr.length; i++) {
    $scope.gridOptions.columnDefs.push(arr[i]);
  }
});

为什么第二个示例不会改变列宽并且不显示水平滚动条？

1st和2nd之间的区别是什么？

Answer 1

错误 wigth

全部改变

var arr = [{name:'col0', wigth: 200},

到

var arr = [{name:'col0', width: 200},

Angular ui-grid无法设置列宽，也不显示水平滚动条

1 个答案: