AngularJS-扩展ng网格的总宽度

我正在尝试构建一个由AngularJS的ng网格模块创建的网格，它将扩展到整个网页的宽度。然而，当我创建网格时，默认情况下它只在页面上延伸大约1/2的距离。增加柱的宽度只会导致柱被截断，而不会扩展整个轴网。我找不到任何关于如何扩展网格宽度的在线文档，因此非常感谢您的帮助。

创建网格样式

.gridStyle {
    border: 1px solid #ccc;
    width: 100%; 
    height: 300px
}

然后将其应用于HTML

<div class="gridStyle" ng-grid="gridOptions">