表的动态线上的阴影

我试着在我的每一张桌子上画一个阴影。但第一个不起作用,我真的不明白为什么。

{% for resultat in resultats %}
    <tr style="background-color: #F0F0F0; box-shadow: 8px 8px 12px #aaa, 8px -8px 12px #aaa; -webkit-box-shadow: 8px 8px 12px #aaa;" 
    id="first_{{ nb }}>
        <td>
            <span class="fl marginTop8">
                {{ resultat.missions.getDateReaPrev()|date('Y-m-d') }}
            </span>
        </td>
        <td></td>
        <td></td>
        <td>
            <span class="fl marginTop8">
                {{ resultat.distance }} Km
            </span>
        </td>
        <td></td>
        <td class="badge fr" style="color: darkorange;">{{ resultat.nb_pdv }}</td>
    </tr>

    <tr style="background-color:white">
        <td colspan="6"></td>
    </tr>
{% endfor %}

以下是我从这段代码中得到的信息:

如你所见,阴影在右侧的两个tr上……但边界仅在最后一个tr上。

我想买一件像这样的

谢谢你的帮助。

编辑:为了更精确,表上有一个类tablenquete。

.tableEnquetes tr:nth-child(2){ position:relative }

.tableEnquetes table{
    border-radius: 0 0 15px 0;
    box-shadow: 3px 3px 3px #AAA;
    margin: 0;
    table-layout: fixed;
 }

https://jsfiddle.net/wdwgn7ta/