我正在用CSS设计一个表格，我希望我的th在其位置粘滞时有框阴影。我已经试过了，但我想去掉右边的阴影（所以我希望阴影只出现在th元素的底部）

这是我的表格CSS

table {
   text-align: left;
   position: relative;
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
}

th {
   font-family: $font2;
   font-size: 13px;
   font-weight: 700;
   padding: 12px 16px;
   padding-right: 32px;
   color: #555;
   background: white;
   position: -webkit-sticky;
   position: sticky;
   border-bottom: 5px solid #eee;
   top: 0; /* Don't forget this, required for the stickiness */
   box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}