bootstrap table样式丢失

问题描述：采用bootstrap中的table进行页面布局，然后通过ajax请求数据源，然后动态添加表格内容。添加时，采用的自己拼接字符串，然后追加到表格中。结果发现bootstrap的表格样式没有生效。

页面代码：

<table class="table table-striped" id="content">
    <th class="row">
        <td class="col-xs-3">消费类别</td>
        <td class="col-xs-3">描述</td>
        <td class="col-xs-3">消费数量</td>
        <td class="col-xs-3">消费时间</td>
    </th>
</table>

JS代码：

$.ajax({
        type: "GET",
        url: "../../getBillingRecords.do",
        // contentType: "application/json; charset=utf-8