匹配两个表的单元格大小

Question

基本上，由于我的网站布局（我在IP.Board论坛上使用IP.Content），我真的没有一张桌子。好吧，我可能会，但我不明白怎么做，所以我可能会问错误的问题。

无论如何，这是我的代码：

<div class="box" style="width: 81%; float: right;">
    <div class="ipsSideBlock clearfix __xXtop20520players">
        <h3 id="anonymous_element_8">
            <table style="width:100%;">
                <tr>
                    <th style='text-align: center;'> Icon </th>
                    <th style='text-align: center;'> Item Name </th>
                    <th style='text-align: center;'> Description </th>
                    <th style='text-align: center;'> Price </th>
                    <th style='text-align: center;'> Controls </th>
                </tr>
            </h3>
        </table>
        <div class="_sbcollapsable">
            <ul class="shoplist">
                <li class="clearfix">
                    <div class="list_content">
                        <table>
                            <tr>
                                <td> <img src="http://placehold.it/50x50.png" width="50px" height="50px"/> </td>
                                <td> Item </td>
                                <td> This is a test description </td>
                                <td> $29.99 </td>
                                <td> Button. </td>
                            </tr>
                        </table>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

正如您所看到的，我在不同的部分中有Table标题和Table数据，这是因为IP.Board带来了大量的样式。我对这些都不是很有经验，但这看起来就像我想要的那样。

唯一的问题是表数据不会根据数据相应地扩展表标题大小。当我看到它时，它是有道理的。我试图让桌子保持打开状态，但这只是让所有内容都显示在h3元素中。