如何让框阴影出现在ngGrid行上？

Question

在这Plunker你可以看到我试图使一个插入阴影出现在网格的视口区域。它在没有行的空间中可见，但没有行在哪里。我不太明白那些行会阻塞它。

下面是我的风格：

.gridStyle .ngViewport 
{ 
    box-shadow:inset 0 0 4px 1px rgba(0,0,0,.3); 
} 
.gridStyle .ngFooterPanel, .gridStyle .ngTopPanel 
{ 
    box-shadow:0 0 3px 1px rgba(0,0,0,.3); 
} 

有没有办法让箱阴影是可见的，即使行出现在视口中？

Answer 1

由于行元素位于具有阴影的ngViewport元素的TOP上，因此您看不到阴影。如果你使ngViewport容器比行更宽，你会看到阴影出现在边缘。

Answer 2

你可以设置一个cellClass定义插入盒阴影的细胞适当的一侧（S）（见Can CSS3 box-shadow:inset do only one or two sides? like border-top?）