Jquery+bootstrap实现表格行置顶置底上移下移操作

最新推荐文章于 2021-11-09 16:20:53 发布

weixin_42590334

最新推荐文章于 2021-11-09 16:20:53 发布

阅读量2.4k

点赞数 1

分类专栏： bootstrap jquery 上移下移 GUNS

本文链接：https://blog.csdn.net/weixin_42590334/article/details/93593357

版权

本文介绍了如何在GUNS项目框架中利用Jquery和Bootstrap实现表格行的置顶、置底、上移和下移功能。通过HTML布局和JS代码实现数据顺序的动态调整。

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

最近接到产品的一个需求,它是要对数据排序,实际操作中我们要实现表格行置顶置底上移下移操作。项目框架是GUNS框架。

如下图：
在这里插入图片描述
我是怎么用Jquery+bootstrap进行实现这些功能的呢?往下看就知道了。

1.html

@layout("/common/_container.html"){
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <a href="/report">报表管理</a>>><a href="" onclick="getHrefUrl(this)">报表版本</a>>>配置指标
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div class="row">