<template>
  <el-table
    :data="data"
    border
    stripe
    :show-header="false"
    :cell-style="cellSttyle"
  >
    <el-table-column prop="title" align="center">
      <template slot-scope="scope">
        <el-link
          :disabled="scope.row.disabled"
          :href="scope.row.url"
          v-if="scope.row.title"
          >{{ scope.row.title }}</el-link
        >
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  props: ["data"],
  data() {
    return {
      cellSttyle: { height: "25px" },
    };
  },
};
</script>

<style>
a {
  text-decoration-line: none;
  color: #606266;
}
a:hover {
  color: blue;
}
</style>