title: React grid table with double sorting in specific columns
body: <p>I have difficulties for completing an emerging task. I must implement a table in which some columns must have two fields. These columns must have a sorting functionality through which the user will be able to sort the selected fields. 
  To be more accurate, see the screenshot below:</p>
  
  <p><a href="https://i.stack.imgur.com/bCr2F.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bCr2F.png" alt="enter image description here"></a></p>
  
  <p>You can see the columns which contains two fields. When, the user clicks in a field, arrows must be shown and the grid will be sorted by the selected value. When the user clicks the other fields (Price for example), arrows are shown, the field becomes bold and the grid is sorted by the selected field.</p>
  
  <p>I use Griddle but, how can I implement in Griddle such a functionality? Should I make my own grid from scratch?</p>