如何使用自定义列宽创建引导表

Question

我正在尝试使用bootstrap创建一个表。代码如下：

.aspx页面

<asp:GridView ID="grdUsersList" runat="server" CssClass="table table-hover" AllowPaging="true" PageSize="20" HeaderStyle-CssClass="info"></asp:GridView>

现在，通过jquery我绑定网格，如下所示：

function populateUsersList(response) {
console.log(response);
//alert(response[0].FirstName);
//$('#respVal').html(response[0].FirstName);

$('#ChildContent_grdUsersList').empty();

if (response.length > 0) {
    $('#ChildContent_grdUsersList').append('<tr><th class="col-lg-4 info">Name</th>\
                            <th class="col-lg-3 info">Login Id</th>\
                            <th class="col-lg-3 info">Email Id</th>\
                            <th class="col-lg-3 info">Phone No.</th>\
                            <th class="col-lg-3 info">Designation</th>\
                            <th class="col-lg-4 info">Reporting To</th>\
                            <th class="col-lg-3 info">Business</th>\
                            <th class="col-lg-3 info">User type</th></tr>');
    $.each(response, function (index, itemData) {
        $('#ChildContent_grdUsersList').append('<tr><td class="text-left">' + itemData.UserName + '</td>\
                                 <td class="text-left">' + itemData.LoginId + '</td>\
                                 <td class="text-left">' + itemData.EmailId + '</td>\
                                 <td class="text-left">' + itemData.Phone + '</td>\
                                 <td class="text-left">' + itemData.Designation + '</td>\
                                 <td class="text-left">' + itemData.ReportingTo + '</td>\
                                 <td class="text-left">' + itemData.BusinessAssigned + '</td>\
                                 <td class="text-left">' + itemData.UserType + '</td></tr>');
    });
}

}

我用过＆＃34; col-lg- ＆＃34;在表的标签。现在，我想改变列的宽度。我尝试删除＆＃34; col-lg - ＆＃34;并应用自定义css（宽度）。但是，它没有改变。

有人可以指导我如何更改引导表的宽度吗？