AngulrJS ng-grid布局错误； 在我看来像CSS的东西

Question

这可能是AngularJS问题，但由于它仅影响外观，因此我怀疑CSS。

我正在尝试使用ng-Grid，但是外观错误。

起初，我以为是Angular，因为我希望网格显示在嵌套选项卡上。 但是， 以前的问题引起了这个“ Plunk” 问题 ，其中使用嵌套选项卡可以正确显示网格。

它在我的应用程序中显示错误，因此我已经尽最大努力将其从应用程序中删除 ，留下了这个Plunk ，以显示其错误显示方式。

谁能解释我错了吗？ 提前致谢。

Answer 1

您只是缺少ngGrid样式表：

<link data-require="ng-grid@*" data-semver="2.0.7" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.7/ng-grid.css" />
<link rel="stylesheet" href="style.css">

另外，我包含了style.css ，其中包含ngGrid 示例的基本样式。 没有这个，网格将非常短：

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 400px; 
    height: 300px
}

这是对您的朋克的更新： http ://plnkr.co/edit/f512dmY617NeOC0aQybi?p=preview