JSFiddle - React, Tailwind, and code Playground

by mikeular

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<table>
  <tr>
    <th>Before Sorting</th>
    <th>After Sorting</th>
  </tr>
  <tr>
    <td><pre><div id="before"></div></pre></td>
    <td><pre><div id="after"></div></pre></td>
  </tr>
</table>

CSS

th,
td {
  margin-right: 10px;
  border-right: 1px solid black;
}

JavaScript

var input = [];

for (var i = 0; i < 20; ++i) {
  input.push({
    a: Math.round(100 * Math.random()),
    b: Math.round(3 * Math.random())
  })
}

$('#before').text(JSON.stringify(input, null, 2));

var output = _.sortBy(input, function(o) {
  return [o.b, o.a];
});

$('#after').text(JSON.stringify(output, null, 2));