html - 用CSS反转表格列

Question

.market {
  width: 100%;
}

.market tbody tr {
  color: #555;
  border-bottom: 1px solid #1f2943;
  cursor: pointer;
}

table.market {
  transform: rotate(180deg);
}

table.market tr {
  transform: rotate(-180deg);
}

<table class="market">
  <tbody>
    <tr>
      <td>6,53,500</td>
      <td>0.28368756</td>
      <td>74125.05</td>
    </tr>
    <tr>
      <td>5,53,500</td>
      <td>0.28368756</td>
      <td>74125.05</td>
    </tr>
    <tr>
      <td>5,53,500</td>
      <td>0.28368756</td>
      <td>74125.05</td>
    </tr>
  </tbody>
</table>

注意:这工作正常但是，当我使用转换时:旋转表格行 (tr) 边框已删除或不起作用。我需要第一列在表中最后。我试图修复好几个小时，现在累了请帮忙。

Answer 1

direction: rtl;

这会用一行 CSS 反转表格!