Moses Fender

Табличка уже сформирована, так как скрипт запускается по $(document).ready().
И, сдаётся мне, таким способом не получится изменять DOM-модель. Делов том, что это не текст, а созданные объекты в иерархии DOM. Даже jQuery не сможет путём замены букв изменить структуру документа. Нужно брать в цикле от низу (td), и, поднимаясь до table, забирать содержимое узла, и заменять узел на div.

Обычно, в узел ряда ставится идентификатор записи в data.

<table><tr data-user-id="1"><td>…</td></tr></table>

А по нажатию кнопки уже получаем атрибут data-user-id этого ряда.

document.addEventListener('click', function(ev){
    if(ev.target.closest('[data-user-id]')){
        let userID = ev.target.getAttribute('data-user-id');
/* дальше что-то делаем с этим ID */
    }
});

Так понимаю, нужен просто некий объект в JSON'е.
renderAjax - это то же самое, что и renderPartial, только подключает css и js к ответу.

А если нужен сериализованный ответ, то нужно как-то так:

public function actionAnyAction() {
…
        return $this->asJson($anyObject);
    }

Всё это делается одним приложением, чтобы потом не ломать голову себе и окружающим. Ну, понятно, что админка сама собой. Но, так как они пересекаются с фронтом, то общие модули в common'е. Тут главное - допилить имеющийся RBAC под свои нужды, и не забывать его где нужно использовать.

Тут нужно смотреть вверх что от чего наследуется. У cards[i] что в прототипах?

У нормальных браузеров classList появляется в Element. У лубка микрософта - в HTMLElement. Потому, объект, который наследуется от Element не имеет classList. Например, SVGSVGElement.