SortableTable v2 HTML

by Vladymyr Shevchuk

HTML

<div class="sortable-table">
        <div data-element="header" class="sortable-table__header sortable-table__row">
      
      <div class="sortable-table__cell" data-id="images" data-sortable="false" data-order="asc">
        <span>Image</span>
        
      </div>
    
      <div class="sortable-table__cell" data-id="title" data-sortable="true" data-order="asc">
        <span>Name</span>
        <span data-element="arrow" class="sortable-table__sort-arrow">
          <span class="sort-arrow"></span>
        </span>
      </div>
    
      <div class="sortable-table__cell" data-id="quantity" data-sortable="true" data-order="asc">
        <span>Quantity</span>
        
      </div>
    
      <div class="sortable-table__cell" data-id="price" data-sortable="true" data-order="asc">
        <span>Price</span>
        
      </div>
    
      <div class="sortable-table__cell" data-id="sales" data-sortable="true" data-order="asc">
        <span>Sales</span>
        
      </div>
    
    </div>
        
      <div data-element="body" class="sortable-table__body">
        
      <div class="sortable-table__row">
        
          <div class="sortable-table__cell">
            <img class="sortable-table-image" alt="Image" src="http://magazilla.ru/jpg_zoom1/365751.jpg">
          </div>
        <div class="sortable-table__cell">Детский велосипед Lexus Trike Grand</div><div class="sortable-table__cell">59</div><div class="sortable-table__cell">63</div><div class="sortable-table__cell">7</div>
      </div>
      <div class="sortable-table__row">
        
          <div class="sortable-table__cell">
            <img class="sortable-table-image" alt="Image" src="http://magazilla.ru/jpg_zoom1/460399.jpg">
          </div>
        <div class="sortable-table__cell">Детский велосипед Lexus Trike Racer Trike</div><div class="sortable-table__cell">91</div><div class="sortable-table__cell">53</div><div class="sortable-table__cell">11</div>
      </div>
      <div...