如何在表格的一行中添加標題

Question

使用bootstrap v3.0.2 。

以下是我的表格的html，css代碼

<table class="table data-table table-bordered no-bottom-margin usage-detail-table">
    <thead>
        <tr>
            <th></th>
            <th>Used</th>
            <th>Deleted</th>
            <th>Total</th>
            <tr>
    </thead>
    <tbody>
        <tr>
            <th>{{'update-profile.detail-usage.personal.files' | translate}}</th>
            <td>{{usageDetails.personalDiskUsage | commaSeparatedNumber}} bytes</td>
            <td>{{usageDetails.personalDeletedDiskUsage | commaSeparatedNumber}} bytes</td>
            <td>
                <b>{{usageDetails.totalPersonalUsage | commaSeparatedNumber}} bytes</b>
            </td>
        </tr>
        <tr>
            <th>{{'update-profile.detail-usage.shared.files' | translate}}</th>
            <td>{{usageDetails.sharedDiskUsage | commaSeparatedNumber}} bytes</td>
            <td>{{usageDetails.sharedDeletedDiskUsage | commaSeparatedNumber}} bytes</td>
            <td>
                <b>{{usageDetails.totalDeleted | commaSeparatedNumber}} bytes</b>
            </td>
        </tr>
        <tr>
            <th>Total</th>
            <td>
                <b>{{usageDetails.totalUsed | commaSeparatedNumber}} bytes</b>
            </td>
            <td>
                <b>{{usageDetails.totalDeleted | commaSeparatedNumber}} bytes</b>
            </td>
            <td>
                <b>{{spaceUsed | commaSeparatedNumber}} bytes
                        <br>({{spaceUsed | sizeText}})</br>
                    </b>
            </td>
        </tr>
    </tbody>
</table>

表格要賦予第一列元素與表格標題相同的外觀。 但是<th>標簽不起作用。 如何在這里添加行標題？

Answer 1

https://jsfiddle.net/0x6gogv6/

似乎根據您的需要工作。

完成的唯一次要連接是：

<thead>
    <tr>
        <th></th>
        <th>Used</th>
        <th>Deleted</th>
        <th>Total</th>
   </tr> <!-- This was tr in you code -->
</thead>