el-table表格截取显示，文字显示

el-table表格截取显示，文字显示

<el-table v-loading="listLoading" element-loading-text="正在查询中..." :data="tableData" border height="100%" style="width: 100%;" highlight-current-row>
     <el-table-column prop="name" min-width="40" label="姓名" show-overflow-tooltip>
		<template slot-scope="scope">
            <el-tooltip
                v-if="scope.row.name.length>4"
                effect="dark"
                placement="top"
                :content="scope.row.name"
            >
                <span>{{scope.row.name?scope.row.name.substr(0,4):"-"}}</span>
            </el-tooltip>
            <span v-else>{{scope.row.name || '-'}}</span>
		</template>
	</el-table-column>    
</el-table>