JSFiddle - React, Tailwind, and code Playground

by tonytlwu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
<pre id="debug"></pre>

JavaScript

var records = [
	{
  	id: 123,
    data: {
    	foo: 3
    }
  },
  {
  	id: 123,
    data: {
    	foo: 1
    }
  },
  {
  	id: 123,
    data: {
    	foo: 2
    }
  }
];

records = _.orderBy(records, 'data.foo', 'desc');

document.getElementById('debug').innerHTML = JSON.stringify(records, null, 2);

/*

Fliplet.Hooks.on('flListDataBeforeRenderList', function (options) {
	var prop = Fliplet.Navigate.query.sort_field;
  var order = Fliplet.Navigate.query.sort_order || 'asc';
  
  if (!prop) {
  	return;
  }
  
  if (['asc', 'desc'].indexOf(order.toLowerCase()) === -1) {
  	order = 'asc';
  }

	options.records = _.orderBy(options.records, 'data.' + prop, order);
});

*/