Табулятор 4.6: "Загрузить данные таблицы из локального файла" не удается отправить файл JSON в таблицу табулятора - PullRequest
Новая
       46

Табулятор 4.6: "Загрузить данные таблицы из локального файла" не удается отправить файл JSON в таблицу табулятора

0 голосов
/ 20 июня 2020

Использование табулятора 4.6 Пример «Загрузить данные таблицы из локального файла». Однако при выборе файла "data. json" на рабочем столе ничего не происходит. К сожалению, пример Табулятора 4.6 для этого не работает (периодически). Мой сценарий HTML указан ниже. Я использую MS Visual Studio Code в качестве своей IDE. Это копия Табулятора 4.6 «Загрузить данные таблицы из локального файла». Я включил все ссылки и c в раздел. 

Again, my issue is why the selected JSON file does not load into the Tabulator table?

Вы можете увидеть этот пример табулятора, используя эту ссылку http://tabulator.info/examples/4.6#file -load

Это мой первый раз и вопрос с использованием переполнения стека. Извините за недоразумение. Я безуспешно пытался загрузить свой файл / сценарий html. Придется потренироваться или найти на Youtube.com

Кажется, я понял, загружаю код в StackOverflow. Код ниже есть и правильный. Этот код вы найдете в разделе «Примеры табличных веб-сайтов для загрузки табличных данных из локального файла». Цените любую помощь, которой вы могли бы поделиться, ссылками и т. Д. c. Я использую MS Visual Studio Code в качестве своей IDE.

PS: Оли, ваш пример веб-сайта Tabulator не отображает данные при загрузке файла. JSON! Это пример сценария веб-сайта или проблема с моей сетью. Пробовал пример вашего веб-сайта с использованием двух браузеров (C, F) и двух ОС (Linux, Win10).

Mahalo, Pajaro 

    <!DOCTYPE html>
<html lang="en">
  <head>
    <link
      href="https://unpkg.com/tabulator-tables@4.6.3/dist/css/tabulator.min.css"
      rel="stylesheet"
    />

    <script
      type="text/javascript"
      src="https://unpkg.com/tabulator-tables@4.6.3/dist/js/tabulator.min.js"
    ></script>
  </head>

  <body>
    <div>
      <button id="file-load-trigger">Open File</button>
    </div>
    <div id="example-table"></div>

    <h2>tabulator-upload upload table Data from local JSON file</h2>

    <script type="text/javascript">
      //Build Tabulator
      var table = new Tabulator("#example-table", {
        height: "311px",
        layout: "fitColumns",
        autoColumns: true,
        placeholder: "No Data Set",
      });

      //trigger AJAX load on "Load Data via AJAX" button click
      document
        .getElementById("file-load-trigger")
        .addEventListener("click", function () {
          table.setDataFromLocalFile();
        });
    </script>
  </body>
</html>

1 Ответ

0 голосов
/ 09 июля 2020

У меня была такая же проблема с Tabulator 4.7.1, см. Проблему https://github.com/olifolkerd/tabulator/issues/2886. Вроде проблема с autoColumns. Если вы попробуете это простое json: 

[ {"name":"Billy Bob", "age":"12"}, {"name":"Mary May", "age":"24"}, {"name":"Christine Lobowski", "age":"15"} ]

с этой инициализацией таблицы: 

//autoColumns:true,
columns:[ //Define Table Columns
    {title:"Name", field:"name", sorter:"string", width:150},
    {title:"Age", field:"age", sorter:"number", hozAlign:"left", formatter:"progress"},
],

Кажется, работает

...