Я использую footable для почтового ящика.Поэтому я загружаю строки через AJAX и помечаю непрочитанные письма как полужирные (используя собственный CSS), создавая JSON на стороне сервера.При расширении строки я хочу удалить класс css, поэтому я использую
.on({'expand.ft.row': function(e, ft, row){
row.$el.removeClass('text-bold');
//do sth on the server side (database update)
}
})
Это работает, но не для самой расширенной строки!Любые попытки снизить DOM на $ (row. $ El) .next ('. Footable-detail-row tr'). RemoveClass (....) не увенчались успехом, так как расширенной строки footable-detail-row еще не существует., поскольку событие вызывается до раскрытия строки.
Кажется, что классы хранятся где-то в нижележащих загружаемых данных или объекте строки, но я понятия не имею, как получить к ним доступ и изменить это ...
Можете ли вы мне помочь?

После расширения строка не выделяется жирным шрифтом, за исключением расширенного столбца:
