本站源码全部测试通过,配有前台及后台演示图,绿色安全,希望能对大家有所帮助!
  • 首 页
  • VPS/云主机
  • VIP会员
  • jQuery仿Excel表格升降排序筛选插件
    时间:2019-12-03 14:06 来源:开源之家 作者:开源之家测试提供 下载:117 次
    • 源码说明:本站源码全部经过测试,配有前台及后台管理界面演示图,去除后门,绿色安全,希望对大家学习研究能有所帮助!
    • 源码类型:特效源码
    • 源码大小:53.9 KB
    • 运行环境:HTML
    • 下载次数:117 次
    • 推荐VPS:
    • 提取密码/源码编号:
    • 本地下载
    • 本地下载
    • 》网盘下载,每日更新

    jQuery仿Excel表格升降排序筛选插件

    特效描述:jQuery 仿Excel表格 升降排序筛选插件,jQuery表格插件制作Excel表格升序排列、降序排列功能。支持输入框检索表格列表,选中取消列表筛选代码。(不兼容IE6,7,8)

    代码结构

    1. 引入CSS

    1
    2
    3
    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <link rel="stylesheet" href="dist/excel-bootstrap-table-filter-style.css" />

    2. 引入JS

    1
    2
    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="dist/excel-bootstrap-table-filter-bundle.js"></script>

    3. HTML代码

    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h2>Table 1</h2>
          <table id="table" class="table table-bordered table-intel">
            <thead>
              <tr>
                <th class="filter">Animal</th>
                <th class="filter">Class</th>
                <th class="filter">Collective Noun</th>
                <th class="filter">A Number</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Bear</td>
                <td>Mammal</td>
                <td>Sleuth</td>
                <td>1</td>
              </tr>
              <tr>
                <td>Ant</td>
                <td>Insect</td>
                <td>Army</td>
                <td>2</td>
              </tr>
              <tr>
                <td>Salamander</td>
                <td>Amphibian</td>
                <td>Congress</td>
                <td>3</td>
              </tr>
              <tr>
                <td>Owl</td>
                <td>Bird</td>
                <td>Parliament</td>
                <td>4</td>
              </tr>
              <tr>
                <td>Frog</td>
                <td>Amphibian</td>
                <td>Army</td>
                <td>5</td>
              </tr>
              <tr>
                <td>Shark</td>
                <td>Fish</td>
                <td>Gam</td>
                <td>6</td>
              </tr>
              <tr>
                <td>Kookaburra</td>
                <td>Bird</td>
                <td>Cackle</td>
                <td>7</td>
              </tr>
              <tr>
                <td>Crow</td>
                <td>Bird</td>
                <td>Murder</td>
                <td>8</td>
              </tr>
              <tr>
                <td>Elephant</td>
                <td>Mammal</td>
                <td>Herd</td>
                <td>9</td>
              </tr>
              <tr>
                <td>Barracude</td>
                <td>Fish</td>
                <td>Grist</td>
                <td>10</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <h2>Table 2</h2>
          <table id="table2" class="table table-bordered table-intel">
            <thead>
              <tr>
                <th class="filter">Animal</th>
                <th class="filter">Class</th>
                <th class="filter">Collective Noun</th>
                <th class="filter">A Number</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Bear</td>
                <td>Mammal</td>
                <td>Sleuth</td>
                <td>1</td>
              </tr>
              <tr>
                <td>Ant</td>
                <td>Insect</td>
                <td>Army</td>
                <td>2</td>
              </tr>
              <tr>
                <td>Salamander</td>
                <td>Amphibian</td>
                <td>Congress</td>
                <td>3</td>
              </tr>
              <tr>
                <td>Owl</td>
                <td>Bird</td>
                <td>Parliament</td>
                <td>4</td>
              </tr>
              <tr>
                <td>Frog</td>
                <td>Amphibian</td>
                <td>Army</td>
                <td>5</td>
              </tr>
              <tr>
                <td>Shark</td>
                <td>Fish</td>
                <td>Gam</td>
                <td>6</td>
              </tr>
              <tr>
                <td>Kookaburra</td>
                <td>Bird</td>
                <td>Cackle</td>
                <td>7</td>
              </tr>
              <tr>
                <td>Crow</td>
                <td>Bird</td>
                <td>Murder</td>
                <td>8</td>
              </tr>
              <tr>
                <td>Elephant</td>
                <td>Mammal</td>
                <td>Herd</td>
                <td>9</td>
              </tr>
              <tr>
                <td>Barracude</td>
                <td>Fish</td>
                <td>Grist</td>
                <td>10</td>
              </tr>
            </tbod
    

    郑重声明:
    本站资源均由高价购买、会员分享,全部经过测试,配有前台及后台管理界面演示图,去除后门,绿色安全,希望对大家学习研究能有所帮助!
    若您需要商业运营或用于其它商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。如有侵犯您的版权,请提交软件证书/图片地址和源码链接 我们尽快处理。

    开源之家广告栏目A
    开源之家广告栏目B
    开源之家广告栏目C
    在线客服
    客服微信

    扫一扫......加客服微信