Изменить строки таблицы на основе последних обновленных в первую очередь?

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>

Сначала я хочу изменить строки таблицы как недавно обновленные, что означает, что во вложении загружены два файла (строки № 3 и 5), а затем я хочу вывести две строки наверх, используя машинописный текст и vuejs