CSS表行重新排序

Question

是否可以仅使用CSS重新排序表行？

<table>
    <tr></tr> <!-- order 2-->
    <tr></tr> <!-- order 3-->
    <tr></tr> <!-- order 1-->
</table>

Answer 1

您可以尝试使用不同的display值重新排序它们.请注意,它可能会影响您的整体表行为.

<table>
    <tr style="display:table-row-group;"><td>2</td></tr> <!-- order 2-->
    <tr style="display:table-footer-group;"><td>3</td></tr> <!-- order 3-->
    <tr style="display:table-header-group;"><td>1</td></tr> <!-- order 1-->
</table>