如何从引导表的新行向 TD/TR 添加属性？答案

【问题标题】：How to add attributes to TD/TR from new row of bootstrap-table?如何从引导表的新行向 TD/TR 添加属性？
【发布时间】：2017-11-20 06:14:38
【问题描述】：

目前我有使用bootstrap-table 的项目。添加具有属性的新行时出现问题。要插入新行，我使用了以下代码：

    var row = ({
                  name: "test name",
                  type: "Organisation",
                  status: 'Active',
                  action: ''
                });
     $('#table-home').bootstrapTable('append', row);

我也想将属性添加到新行。我目前使用的jQuery如下：

                var newRow = $('#table-home tr:last');
                var firstTd = newRow.find('td:first');
                var lastTd = newRow.find('td:last');
                newRow.attr("data-catid",categoryName);
                newRow.attr("data-assetdetail_id",data);
                firstTd.attr("data-remove-link","#");
                firstTd.attr("data-edit-link","#");

但是在我再次插入/追加新行后，该属性将丢失。在我对表格进行排序后，我的属性也会丢失。实际上如何将属性添加到引导表的新行？

【问题讨论】：

标签： javascript jquery bootstrap-table

【解决方案1】：

我已经阅读了所有文档，但我找不到如何做到这一点。但是今天，在我尝试使用 console.log 检查引导表中每一行内的对象/数据后，我用下面的代码解决了我的问题：

            const row= ({
                    name: RiskName,
                    type: "Risk Type",
                    status: 'Active',
                    action: '',
                    _data:({"uniqueid":data.id,
                        "key":0,
                        "id":data.id,
                        "status":"Active",
                        "type": "Risk Type",
                    }),
                    _action_data:({"delete-link":"",
                        "edit-name":RiskName,
                    })
                });

_data 是行的数据属性（例如<tr data-id="val">）

_action_data 是名为action的列的数据属性（示例结果<td data-tag="val">）

【讨论】：

嘿，我不明白你的解决方案，你在哪里修改表格的行？
@RickS 我不仅修改了行，而且添加了具有自定义属性的新行。 $('#table-home').bootstrapTable('append', row);

【解决方案2】：

我必须回答这个以提醒自己将来。

参考：https://bootstrap-table.com/docs/api/table-options/

rowAttributes: function (row, index) {
    return { "data-id": row.id };
},

这会将data-id 添加到tr 元素

【讨论】：