vue中v-for出來的div如有div1有div3，先顯示了div3，那下一個條件成立div1顯示的時候會把div3擠下去

vue中v-for出來的div如有div1有div3，條件成立先顯示了div3，那下一個條件成立div1顯示的時候會把div3擠下去，這種怎么解決呢？

我循環(huán)的代碼是

        <div class="big" v-for="(item,i) in newList" v-show="item.xianshide">
                <table>
                        <tr>
                            <td colspan="3">{{item.deviceName}}</td>
                        </tr>
                            <tr v-for="(x,y) in item.list">
                            <td>{{x.unitName}}</td>
                            <td>{{x.itemName}}</td>
                        </tr>
                </table>
                </div>

我想要的效果是 剛進去是這樣的

條件成立的時候顯示了 div1

這樣會把div2 和 div3擠下去的， 為了用戶體驗擠下去不好，怎么才能原來顯示的div在上面，然后條件成立顯示的在后面一個個添加出來呢？