Как добавить атрибуты в TD/TR из новой строки загрузочной таблицы?

В настоящее время у меня есть проект, использующий загрузочную таблицу. У меня проблема, когда добавить новую строку с атрибутом. Чтобы вставить новую строку, я использовал код ниже:

    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","#");

Но этот атрибут будет потерян после того, как я снова вставлю / добавлю новую строку. После сортировки таблицы мои атрибуты тоже будут потеряны. собственно как добавить атрибут в новый ряд загрузочной таблицы?

2 ответа

Решение

Я уже прочитал всю документацию и не могу найти, как это сделать. Но сегодня, после того, как я поэкспериментировал с использованием 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">)

Я должен ответить на этот вопрос, чтобы напомнить себе в будущем.

Обратитесь: https://bootstrap-table.com/docs/api/table-options/

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

Это добавит data-id к tr элемент

Другие вопросы по тегам