Javascript 在jquery中使用引导表向动态创建的行添加id

我正在使用JSON值创建引导表。我可以将类动态添加到行中。但在创建动态引导表时，我无法将ID添加到行中。请找到我的密码

HTML:

请让我知道你的建议， 谢谢。

为此，您可以将其用于行

属性和行样式设置

下面是您可以查看的代码片段

我希望这将帮助/指导您或实现您的要求


var数据=[{
“姓名”：“巴林”，
“代码”：“BH”
}, {
“姓名”：“布隆迪”，
“代码”：“BI”
}, {
“姓名”：“贝宁”，
“代码”：“BJ”
}, {
“名称”：“不丹”，
“代码”：“BT”
}, {
“名称”：“牙买加”，
“代码”：“JM”
}, {
“名称”：“布韦岛”，
“代码”：“BV”
}, {
“名称”：“博茨瓦纳”，
“代码”：“BW”
}, {
“名称”：“萨摩亚”，
“代码”：“WS”
}, {
“名称”：“博内尔、圣尤斯特修斯和萨巴”，
“代码”：“BQ”
}, {
“名称”：“巴西”，
“代码”：“BR”
}];
$（“#eventsTable”）.bootstrapTable({
栏目：[{
标题：“国家代码”，
字段：“代码”，
可排序：正确
}, {
标题：“国家名称”，
字段：“名称”，
可排序：正确
}],
数据：数据，
rowStyle:函数（行、索引）{
返回{
类：`row-border${index%2==1？'row-偶'：'row-odd'}`
};
},
行属性：函数（行、索引）{
返回{
id:`x-bootstrap-row-${index+1}`
};
}
});
。行边框{
边框底部：1px实心#ccc；
}
.行奇数{
背景色：小麦；
}
.平局{
背景色：白烟；
}

为此，您可以使用行
属性和行样式

下面是您可以查看的代码片段

我希望这将帮助/指导您或实现您的要求


var数据=[{
“姓名”：“巴林”，
“代码”：“BH”
}, {
“姓名”：“布隆迪”，
“代码”：“BI”
}, {
“姓名”：“贝宁”，
“代码”：“BJ”
}, {
“名称”：“不丹”，
“代码”：“BT”
}, {
“名称”：“牙买加”，
“代码”：“JM”
}, {
“名称”：“布韦岛”，
“代码”：“BV”
}, {
“名称”：“博茨瓦纳”，
“代码”：“BW”
}, {
“名称”：“萨摩亚”，
“代码”：“WS”
}, {
“名称”：“博内尔、圣尤斯特修斯和萨巴”，
“代码”：“BQ”
}, {
“名称”：“巴西”，
“代码”：“BR”
}];
$（“#eventsTable”）.bootstrapTable({
栏目：[{
标题：“国家代码”，
字段：“代码”，
可排序：正确
}, {
标题：“国家名称”，
字段：“名称”，
可排序：正确
}],
数据：数据，
rowStyle:函数（行、索引）{
返回{
类：`row-border${index%2==1？'row-偶'：'row-odd'}`
};
},
行属性：函数（行、索引）{
返回{
id:`x-bootstrap-row-${index+1}`
};
}
});
。行边框{
边框底部：1px实心#ccc；
}
.行奇数{
背景色：小麦；
}
.平局{
背景色：白烟；
}


<table id="eventsTable" data-checkbox="true" data-sortable="true" data-row-style="rowStyle"></table>

$.ajax({
        type: "POST",
        url: "apilist",
        data: "",
        success: function (response) {
                    if (response != null) {
                        var data = [];
                        $.each(response.Slip, function (index) {
                            var obj = {};
                            obj.SlipID = response.Slip[index].SlipID;
                            obj.Client = response.Slip[index].Client;
                            data.push(obj);
                        });
                        $('#eventsTable').bootstrapTable({
                            columns: [
                                { field: "state", checkbox: true },
                                { field: "SlipID", title: 'SlipID', sortable: true, class : "hide" },
                                { field: "Client", title: 'Client', sortable: true },
                            ],
                            data: data,
                        });
                    }
          }
});