neither show-overflow-tooltip nor el-tooltip is effective

vue version: 3.0.0-beta.16
element-ui:2.4.6
el-tooltip Code:

show-overflow-tooltip :

    <el-table :data="tableData" border style="width: 100%;margin-top: 30px" tooltip-effect="dark">
        <el-table-column prop="id" label="" width="100"></el-table-column>
        <el-table-column prop="name" label="" width="120" show-overflow-tooltip></el-table-column>
        <el-table-column prop="dsname" label="" width="200"></el-table-column>
        <el-table-column prop="status" label="" width="120" :formatter="statusFormatter"></el-table-column>
        <el-table-column prop="createTime" label=""></el-table-column>
        <el-table-column prop="updateTime" label=""></el-table-column>
        <el-table-column label="">
            <template slot-scope="scope">
                <el-button size="mini" type="primary" icon="el-icon-edit" @click="editData(scope.row)"></el-button>
                <el-button size="mini" type="danger" icon="el-icon-circle-close" @click.native.prevent="deleteSubmitForm(scope.$index,scope.row)"></el-button>
            </template>
        </el-table-column>
    </el-table>