Загрузить pandas dataframe в таблицу начальной загрузки (python -> jquery) через django

Question

Я не уверен, что здесь не так - я перепробовал все комбинации, но не могу заставить его работать ... У меня есть следующее.

1 / Представление, созданное в Python с контекстом данныхпеременная (каркас django)

def index(request):
    # Sim df
    df = pd.DataFrame()
    df = df.append({'col1': 'col1', 'col2': 'col2'}, ignore_index=True)

    # Context
    context = {
        'data': df.to_json(orient='records'),
    }
    return render(request, 'index.html', context)

2 / Загрузчик для моей таблицы данных с использованием "bootstrap-table" (часть index.html)

$(function() {
  $('#datatable').bootstrapTable({
    columns: [{
    field: 'col1',
    title: 'col1'
  }, {
    field: 'col2',
    title: 'col2'
  }],
  data: [{col1: '1', col2: 'Item1'}]
  });
});

3 / Выше работает просто отличнос отображением двух столбцов и одной строки.Однако, если я заменю и использую следующее, это больше не будет.Нет конкретной ошибки, но она ничего не отображает ...

$(function() {
  $('#datatable').bootstrapTable({
    columns: [{
    field: 'col1',
    title: 'col1'
  }, {
    field: 'col2',
    title: 'col2'
  }],
  data: '{{data}}', // loading from context
  });
});

Answer 1

В случае, если это поможет кому-то, кого вам пришлось заменить следующим:

data: {{data|safe}},

И убедитесь, что JS находится в index.html, а не в загруженном внешнем файле сценария.Это были мои две ошибки ...