如何从新的bootstrap-table行向TD / TR添加属性?

时间:2017-11-20 06:14:38

标签: javascript jquery bootstrap-table

目前我使用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","#");

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

1 个答案:

答案 0 :(得分:1)

我已经阅读了所有文档,但我找不到如何做到这一点。但是今天,在我实验之后使用console.log检查bootstrap-table中每行内的对象/数据我用下面的代码解决了我的问题:

            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 的列的数据属性(exampled result <td data-tag="val">