Vue：实现table表格置顶

最新推荐文章于 2024-09-25 14:49:28 发布

洛一一珞

最新推荐文章于 2024-09-25 14:49:28 发布

阅读量7.9k

点赞数

本文链接：https://blog.csdn.net/dongjing0813/article/details/80895199

版权

本文记录了一位开发者在Vue项目中快速学习并实现表格头部置顶的过程，详细介绍了相关CSS技巧，帮助理解如何在Vue中处理复杂布局问题。

摘要由CSDN通过智能技术生成

老大让做vue项目，可是我对vue还不熟好吧，抓紧时间学习，记录

此处省略css

<table id="toptable" >
    <thead>
        <tr>
            <th>序号</th>
            <th>显示顺序</th>
            <th>景区名称</th>
            <th>景区地址</th>
            <th width="230px"></th>
        </tr>
    </thead>
    <tbody>
        <tr v-for="(item,index) of dataList">
            <td v-text="item.code"></td>
            <td v-text="index+1"></td>
            <td v-text="item.name"></td>
            <td v-text="item.region"></td>
            <td style="text-align: right;">
                <button v-if="index !==0"