为Angular Material表中的列添加下拉阴影

是否可以在Angular Material表的第一列添加下拉阴影?

我用::ng-deep或添加类尝试了几种方法，但都不太成功。

下面是我的基本代码。通过CSS的右边框显示在表格的第一列中，但不显示阴影。当我开始向右滚动时，边框消失了(我的第一列是粘性的)。

我想在第一列添加一个投影，滚动时不会被删除。

CSS

.column-shadow {
border-right: 1px solid $af-pinkish-grey !important;
box-shadow: 3px 3px 5px rgba(68, 68, 68, 0.6) !important;
}

<!-- action buttons -->
<ng-container matColumnDef="select" sticky>
<th mat-header-cell *matHeaderCellDef>
Action
</th>
<td
[ngClass]="'column-shadow'"
mat-cell
*matCellDef="let row; let index = index"
>
<!-- Select record -->
<mat-checkbox
color="primary"
(click)="$event.stopPropagation()"
(change)="selectRecord($event.checked, index)"
[checked]="selection.isSelected(row)"
[aria-label]="checkboxLabel(row)"
>
</mat-checkbox>
<span class="delete-edit-row">
<!-- Delete single record -->
<a
class="action-button"
mat-button
(click)="deleteSingleRecord(index)"
><img
class="close-button-image"
src="../../../assets/images/trashgrid.svg"
/></a>
</span>
</td>
</ng-container>

<td
[class.column-shadow]="true"
mat-cell
*matCellDef="let row; let index = index"
>
<!-- Or -->
<td
class="column-shadow"
mat-cell
*matCellDef="let row; let index = index"
>
<!-- Or -->
<td
[ngClass]="{'column-shadow': true}"
mat-cell
*matCellDef="let row; let index = index"
>

<div [ngClass]="{'column-shadow': true}">

<div [class.column-shadow]="true">