<template>
    <el-table :data="tableData" stripe style="width: 100%" >
        <el-table-column prop="name" label="" width="170">
        </el-table-column>
        <el-table-column type="index" label="Rank" width="150">
        </el-table-column>
        <el-table-column prop="matches" label="Matches" width="150">
        </el-table-column>
        <el-table-column prop="aces" label="Aces">
        </el-table-column>
    </el-table>
</template>

<script>
export default {
    data() {
        return {
            tableData: [{
                name:'Ben Shelton',
                matches:'5',
                aces:'85'
            }, {
                name:'Stefanos Tsitsipas',
                matches:'7',
                aces:'84'
            }, {
                name:'Karen Khachanov',
                matches:'6',
                aces:'83'
            }, {
                name:'Hubert Hurkacz',
                matches:'4',
                aces:'68'
            },
            {
                name:'Tommy Paul',
                matches:'6',
                aces:'67'
            },
            {
                name:'Novak Djokovic',
                matches:'7',
                aces:'66'
            },
            {
                name:'Novak Djokovic',
                matches:'7',
                aces:'66'
            },
            {
                name:'Felix Auger-Aliassime',
                matches:'4',
                aces:'65'
            },
            {
                name:'Alexei Popyrin',
                matches:'3',
                aces:'64'
            },
            {
                name:'J.J. Wolf',
                matches:'4',
                aces:'62'
            },
            {
                name:'Andrey Rublev',
                matches:'5',
                aces:'61'
            },
            {
                name:'Frances Tiafoe',
                matches:'3',
                aces:'59'
            },
            {
                name:'Thanasi Kokkinakis',
                matches:'2',
                aces:'51'
            },
            {
                name:'Christopher Eubanks',
                matches:'2',
                aces:'50'
            },
            {
                name:'Denis Shapovalov',
                matches:'3',
                aces:'45'
            },
            {
                name:' Maxime Cressy',
                matches:'2',
                aces:'44'
            },	
            {
                name:'Sebastian Korda',
                matches:'5',
                aces:'41'
            },
            {
                name:'Ugo Humbert',
                matches:'3',
                aces:'40'
            },
            {
                name:'Grigor Dimitrov',
                matches:'3',
                aces:'39'
            },
            {
                name:'Benjamin Bonzi',
                matches:'3',
                aces:'36'
            },
        ]
        }
    }
}
</script>