<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>