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来定义单元格相应边的插入框阴影（请参阅Can CSS3 box-shadow:inset do only one or two sides? like border-top?）

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

2 个答案: