Задайте значения заголовка и поля табулятора динамически из ответа Json - PullRequest
Новая
       12

Задайте значения заголовка и поля табулятора динамически из ответа Json

0 голосов
/ 14 мая 2019

Я использую Tabulator 4.1, у меня есть ответ json, возвращенный из ajax, из-за этого я должен показывать значения в tabulator. Проблема здесь в том, что данные json для совместного использования меняются каждый раз (то есть) 

[{
    "AGENCYID": "-1",
    "TOTALREQUEST": 1
},
{
    "AGENCYID": "-1",
    "TOTALREQUEST": 2
}]

здесь ключ и значения могут быть увеличены. Поэтому, соответственно отображая эти значения в табуляторе, я попытался динамически установить заголовок и значения полей в табуляторе, но ни одна из них не работала. Ниже я приложил JS fiddle

https://jsfiddle.net/harifrais/vzxt1r4e/15/

1 Ответ

0 голосов
/ 14 мая 2019

Пожалуйста, исправьте ваш Js скрипку URL 

var jsonres = [
	{
		"AGENCYID": "-1",
		"TOTALREQUEST": 1
	},
	{
		"AGENCYID": "-1",
		"TOTALREQUEST": 2
	},
	{
		"AGENCYID": "-1",
		"TOTALREQUEST": 3
	}
];






var table = new Tabulator("#example-table", {
  data: jsonres, //load row data from array
  autoColumns: true

});
<!DOCTYPE html>
<html lang="en">

<script src="https://unpkg.com/tabulator-tables@4.2.4/dist/js/tabulator.min.js"></script>
<link href="https://unpkg.com/tabulator-tables@4.2.4/dist/css/tabulator.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>
  <div id="example-table"></div>
</body>

</html>
...