根据最近更新的第一行更改表行？

Question

<div class="form-group" id="app">
<table border="1">
    <thead>
        <tr>
            <th>Supporting Document</th>
            <th>Cert No</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        @for (var i = 0; i < Model.Component.Components.Count; i++)
        {
            var component = Model.Component.Components[i];
            @if (component.Header == null)
            {
                <tr id="@i-row">
                    <td style="text-align:center">@component.Label</td>
                    <td>@component.CertNo</td>
                    <td>
                        <input type="file" />
                        @*<vue-dropzone id="drop1" :options="dropOptions" v-on:vdropzone-success='Upload($event)'></vue-dropzone>*@
                    </td>
                </tr>
            }
        }
    </tbody>
</table>

I want to change the table rows as recently updated first which means in the attachment two files uploaded (row number 3 and 5) then i want bring the two rows to top by using typescript and vuejs