Как добавить атрибуты в 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
элемент