在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ iview table render展示問題

iview table render展示問題

1.制作可編輯的表格,想在單元格中,能夠在編輯狀態(tài)下,使用AotoComplete, 使用了表格的render方法,但是展示的時候,發(fā)現(xiàn)AotoComplete的下拉部分位置計算有問題,時而會遮擋文本框,時而完全脫離文本框

2.

} else if(item.type=='autocomplete-select') {
                            return h('autocomplete-select', {
                                props: {
                                    value: currentRow[item.key],
                                    url: item.url,
                                    style: `width:${item.width-20}`
                                },
                            });
                        }

3.嘗試測試各種不同情況,在表格外部也使用了該控件,發(fā)現(xiàn)表格外部沒有問題

4.表格內(nèi)部的

clipboard.png

clipboard.png

5.F12跟蹤界面,發(fā)現(xiàn)css中下拉部分position為fixed,但top:5px,這個計算是不是哪里有問題?另外是有封裝AotoComplete,但是應(yīng)該不會有影響,代碼如下:

<template>

    <AutoComplete v-model="val"
        icon="ios-search"
        :data="data"
        :filter-method="filterMethod"
        @on-change="handleChange">
    </AutoComplete>

</template>

表格外部的

clipboard.png

回答
編輯回答
巴扎嘿

可以添加 props transfer

是否將彈層放置于 body 內(nèi),在 Tabs、帶有 fixed 的 Table 列內(nèi)使用時,建議添加此屬性,它將不受父級樣式影響,從而達(dá)到更好的效果
2018年3月17日 03:24
編輯回答
替身

找到一種實現(xiàn)方法了,通過控制css能夠達(dá)成目標(biāo),方法上是修改上級的position為relative,以及修改下拉框的z-index

.ivu-select-dropdown.ivu-auto-complete {
    z-index: 900;

}

.ivu-table-column-center {
    position: relative;
}

其他人有更好的方式,也請告知,謝謝

2018年7月18日 21:50