JSFiddle - React, Tailwind, and code Playground

Fliplet v2 Table (manual)

by Hugo Carneiro

HTML

<div class="fl-metric"
  data-source="1"
  data-query='{"foo":"bar"}'
  data-columns='["category",{"bar":"category"}]'></div>

JavaScript

$('.fl-metric[data-source]').each(function(){
	var $container = $(this);
  var dataSourceId = $container.attr('data-source');
  if (!dataSourceId) {
  	return;
  }
  var dataQuery = JSON.parse($container.attr('data-query'));
  var dataColumns = JSON.parse($container.attr('data-columns'));
  var config = {
    dataSourceId: dataSourceId,
    query: {
      where: dataQuery,
    },
    columns: dataColumns
  };
  
  console.log(config);

	/*Fliplet.DataSources.fetchWithOptions(config).then(function (result) {
	  // console.log(result);
    var entries = result.dataSourceEntries;
  });*/
});