msc: change active schema table style preview

frontend/src/components/ActiveSchemaScreen.vue

@@ -4,7 +4,22 @@
         <h2 style="margin-left: 1rem;">(coordinated format)</h2>
         <va-radio class="radio-switcher" v-for="(option, index) in viewOptions" :key="index" v-model="selectedOption"
             :option="option"></va-radio>
-        <va-data-table :items="items" v-if="selectedOption === 'table-view'" />
+        <div class="va-table-responsive" v-if="selectedOption === 'table-view'">
+            <table class="va-table va-table--striped detail-table">
+                <thead>
+                    <tr>
+                        <th>Имя в Excel</th>
+                        <th>Имя в базе данных</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="column of columns">
+                        <td>{{ column.spreadsheet }}</td>
+                        <td>{{ column.database }}</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
         <va-list v-else-if="selectedOption === 'list-view'">
             <va-list-item v-for="(_, header, index) in items[0]" :key="index" class="header-list">
                 <va-list-item-section icon>