index.vue

<template>
  <div class="app-container">
    <div style="margin:0 0 5px 20px">
      {{ $t('table.dynamicTips1') }}
    </div>
    <fixed-thead />

    <div style="margin:30px 0 5px 20px">
      {{ $t('table.dynamicTips2') }}
    </div>
    <unfixed-thead />
  </div>
</template>

<script>
import FixedThead from './FixedThead';
import UnfixedThead from './UnfixedThead';

export default {
  name: 'DynamicTable',
  components: { FixedThead, UnfixedThead },
};
</script>