如何设置bootstrap 4元素的样式?

我有一个屏幕截图,如下所示,我在Bootstrap 4中复制了该截图。

在屏幕截图中,在行上悬停 背景色:#EDEDED; 出现了。

这是 fiddle 对于上面的屏幕截图。

我用来创建表的HTML代码是:

<div class="body-manage-attendees">
    <table class="table">
        <thead>
            <tr>
                <th scope="col">Name</th>
                <th scope="col">Number</th>
                <th scope="col">Table</th>
                <th scope="col">Status</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">Amanda Doe</th>
                <td>250</td>
                <td>2</td>
                <td>Bill</td>
            </tr>
            <tr>
                <th scope="row">Andy Doe</th>
                <td>14</td>
                <td>1</td>
                <td>Bill</td>
            </tr>
            <tr>
                <th scope="row">Cameron Doe</th>
                <td>250</td>
                <td>4</td>
                <td>No Bill</td>
            </tr>
            <tr>
                <th scope="row">Dana Doe</th>
                <td>53</td>
                <td>5</td>
                <td>Bill</td>
            </tr>
            <tr>
                <th scope="row">Fred Doe</th>
                <td>250</td>
                <td>2</td>
                <td>Bill</td>
            </tr>
        </tbody>
    </table>
</div>

问题陈述:

我想知道我需要在CSS中添加什么,以便在行悬停时 背景色:#EDEDED; 出现。