Html 如何将页脚添加到表的100%宽度的表中？

我有一个简单的表格，可以在上看到，如果您查看当前租金下的表格，您将看到下表：

但我实际上是以下几点：

正如您当前看到的，表中缺少页脚，当前我为表添加了以下标记：

<table class="current-rentals-table">
    <caption>
        <h4>Select Toys to Return</h4>
        <button class="btn-pink">return</button>
    </caption>
    <thead>
        <tr>
            <th></th>
            <th colspan="2">Toy Details</th>
            <th>Date Rented</th>
            <th>Return Date</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <form action="">
                    <input type="checkbox" name="">
                </form>
            </td>
            <td>
                <img src="images/res/toy-cart/1.png" alt="toy image">
            </td>
            <td>
                <p>Praesent dapibus, neque id cursus faucibus,tortor neque egestas augue, eu vulputate magna eros eu erat. </p>
            </td>
            <td>Nov 12, 2015</td>
            <td>Dec 12, 2015</td>
        </tr>
        <tr>
            <td>
                <form action="">
                    <input type="checkbox" name="">
                </form>
            </td>
            <td>
                <img src="images/res/toy-cart/1.png" alt="toy image">
            </td>
            <td>
                <p>Praesent dapibus, neque id cursus faucibus,tortor neque egestas augue, eu vulputate magna eros eu erat. </p>
            </td>
            <td>Nov 12, 2015</td>
            <td>Dec 12, 2015</td>
        </tr>
        <!-- <tr>
             <td>
               <p>You have 0 credit left. <a href="">Increase your credit</a> to rent more toys or return toys you are currently renting.</p>
             </td>
           </tr> -->
    </tbody>
</table> 

选择要返回的玩具
返回
玩具细节
租用日期
返回日期
事实上，这是一个错误，是一个错误，是一个错误，是一个错误

2015年11月12日
2015年12月12日
事实上，这是一个错误，是一个错误，是一个错误，是一个错误

2015年11月12日
2015年12月12日

问题是，如果我尝试使用以下代码向表中添加页脚：

<tr>
    <td>
         <p>You have 0 credit left. <a href="">Increase your credit</a> to rent more toys or return toys you are currently renting.</p>
    </td>
</tr>

你还剩下0个学分。租用更多玩具或归还您当前租用的玩具

---

它打破了表格，那么我该如何将页脚添加到表格中呢

使用tfoot标记：

。。。
你还剩下0个学分。租用更多玩具或归还您当前租用的玩具

使用tfoot标签：

。。。
你还剩下0个学分。租用更多玩具或归还您当前租用的玩具

因此，为了跨越所有专栏，我们都遇到过这种情况。很高兴我能帮上忙：）所以，为了跨越所有的专栏，我们都遇到过这种情况。很高兴我能帮忙：）

...
</tbody>
<tfoot>
    <tr>
        <td colspan="5">
            <p>You have 0 credit left. <a href="">Increase your credit</a> to rent more toys or return toys you are currently renting.</p>
        </td>
    </tr>
</tfoot>