【Rails + Vue.jsのアプリ作成】ElementUIの表示について

Question

前提・実現したいこと

・Element UIの表示を正しく表示させたい
（公式サイト）https://element.eleme.io/#/en-US/component/table

発生している問題・エラーメッセージ

本格的にプログラミング学習をはじめて1ヶ月ほどのものです

https://note.com/siberun/n/n4a19ad99cf87#Mo1KQ
上記のサイトを参考にRails、Vue.jsでTodoアプリを作成しており、Element UIというものを導入したのですが、
Element UIの公式サイトのようにうまく表示ができません。
"Element UI 表示されない"などのワードで調べておりますが、理解できる答えが見つかりませんでした。
参考サイトのとおりに進めているため不備はないと思うのですが、どのようにすれば公式サイトの表示のように
うまく表示させることができるのでしょうか。

該当のソースコード

  <template>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="Date"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="Name"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="Address">
      </el-table-column>
    </el-table>
  </template>

  <script>
    export default {
      data() {
        return {
          tableData: [{
            date: '2016-05-03',
            name: 'Tom',
            address: 'No. 189, Grove St, Los Angeles'
          }, {
            date: '2016-05-02',
            name: 'Tom',
            address: 'No. 189, Grove St, Los Angeles'
          }, {
            date: '2016-05-04',
            name: 'Tom',
            address: 'No. 189, Grove St, Los Angeles'
          }, {
            date: '2016-05-01',
            name: 'Tom',
            address: 'No. 189, Grove St, Los Angeles'
          }]
        }
      }
    }
  </script>

javascript

import Vue from 'vue'
import ToDoIndex from '../../to_dos/index.vue'
import ElementUI from 'element-ui'
import locale from 'element-ui/lib/locale/lang/ja'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI, { locale })
document.addEventListener('DOMContentLoaded', () => {
  const app = new Vue({
    render: h => h(ToDoIndex)
  }).$mount()
  document.body.appendChild(app.$el)
})

erb

<%= javascript_pack_tag 'to_dos/index' %>

試したこと

参考サイトの読み直しと、コードの打ち間違えを確認
Google検索を用いて"Element UI 表示されない"と検索

補足情報（FW/ツールのバージョンなど）

実際の画像を添付致します。

• 公式サイトの正しい表示（1枚目）

• 公式サイトの正しい表示（2枚目）

• 正しく表示がされていない実際の画像

Answer 1

自己解決しました

CSSが効いていないだけでした。

CSSファイルにElement UIを呼び込む記述をして解決しました。

該当のCSSファイルに記述

@import url("//unpkg.com/element-ui@2.13.2/lib/theme-chalk/index.css");