element table 在safari中列错位问题

解决方法: 给每一列一个宽度

我是循环列数组去渲染的

<el-table-column
                align="center"
                v-for="col in columns"
                :key="col.prop"
                :label="col.label"
                :prop="col.prop"
                show-overflow-tooltip
                :width="col.width"
                :fixed="col.fixed">
                <template slot-scope="{row}">
                    <template v-if="col.prop == 'sealDate'">
                        <span>{{row[col.prop] | sealDateFilter}}</span>
                    </template>
                    <template v-else-if="col.prop == 'state'">
                        <span>{{row[col.prop] | stateFilter}}</span>
                    </template>
                    <span v-else>{{row[col.prop]}}</span>
                </template>
            </el-table-column>

 

posted @ 2020-10-28 15:25  Mr_R  阅读(1281)  评论(0编辑  收藏  举报