除前两列外，按TD排序表

Question

对于价格表，我有一个非常具有挑战性的排序问题，必须按列而不是行进行排序。

问题是未排序的表格：

<table>
   <tbody>
      <tr>
         <td></td>
         <td>Cheapest</td>
         <td>Option 1</td>
         <td>Option 2</td>
         <td>Option 3</td>
          <td>Option 4</td>
          <td>Option 5</td>
      </tr>
      <tr>
         <td>Price 1</td>
         <td data-price="20.82">€ 20,82</td>
         <td data-price="100.95">€ 100,95</td>
         <td data-price="300.20">€ 300,20</td>
         <td data-price="0"></td>
          <td data-price="158.72">€ 158,72</td>
          <td data-price="0"></td>
      </tr>
      <tr>
         <td>Price 2</td>
         <td data-price="55.66">€ 55,66</td>
         <td data-price="100.95">€ 100,95</td>
         <td data-price="0"></td>
         <td data-price="128.72">€ 128,72</td>
         <td data-price="158.72">€ 158,72</td>
         <td data-price="105.22">€ 105,22</td>
      </tr>
    </tbody>
</table>

我需要完成的任务：

• 表格需要从左到右排列（列）
• 前两列必须留在那里（不要排序）
• 要排序的值位于data-price属性
中
• 空值由0值重复，必须在最后
• 如果有多个空值，则必须对第二行值进行排序

I created a Fiddle to show the desired result and explain a little more

我找到了足够的解决方案，可以按行或td按一行排序。我无法想象这个具有挑战性的一个。