Данные не отображаются в моей ag-сетке (vuejs) по какой-то причине

Мне поручили сделать некоторые изменения в старом проекте django + vuejs & ag-grid. Это довольно трудно сделать, потому что документация немного скудна для версий фреймворков, используемых для этого проекта. (например, django - 1.9, python - 2.7. Мы перенесем их позже)

Мне нужна помощь в понимании того, почему моя ag-grid (на vuejs) ничего не отображает.

Я только начал работать над этим проектом, поэтому не уверен, что все функции здесь нужны (я взял код из другого файла). Пожалуйста, начните читать columnDefs, gridOptions и document.addEventListener (в них я добавил код)

Моя таблица пуста: photo

Вот код JS, который выполняет запросы:

Вот как я возвращаю JSON-ответ:

def as_json(self):
        rows = []
        claims = Claim.objects.filter(status='PA')
        for claim in claims:
            row = {"Book Number": claim.book_nr,  
            }
            rows.append(row)
        return JsonResponse({
            'rows': rows,
        }, safe=False)

Как вы можете видеть, в методе axios.get в JS-файле есть GET-запрос, который я выполняю. Когда я получаю ответ, я устанавливаю данные строки, и я console.log() установленные данные (в целях тестирования).

Результатом этого console.log является следующее: photo2

Итак, данные установлены правильно. Есть что-то еще, чего мне не хватает.

Если кто-то может указать мне на это, я буду благодарен.

Спасибо!

Вернуться на верх