jQuery表格过滤插件uiTableFilter

所属分类:UI-筛选及排序

 41101  306  查看评论 (0)
分享到微信朋友圈
X
jQuery表格过滤插件uiTableFilter ie兼容6

使用方法

1,加入jquery库,my_food_plan_pick_foods.js和jquery.uitablefilter.js到您的页面

<link href="css/flavorzoom.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/my_food_plan_pick_foods.js"></script>
<script type="text/javascript" src="js/jquery.uitablefilter.js"></script>

2,html

筛选文本框

<form id="filter-form">
    Filter:
    <input name="filter" id="filter" value="" maxlength="30" size="30" type="text">
</form>

对应的表格中数据

<tbody>
    <tr style="display: table-row;"> </tr>
    <tr>
        <td><input name="food_id_1" value="23558" checked="checked" id="" style="" type="checkbox"></td>
        <td>&nbsp; &nbsp; &nbsp;Beef, ground, 95% lean meat / 5% fat, patty, cooked, broiled
        <input name="food_source_row_1" value="USDA" type="hidden"></td>
    </tr>
</tbody>
相关插件-筛选及排序

table 点击排序 三种方法

不用通过数据交互那么复杂,可以简单的静态排序和筛选,适用于后台数据列表等需求
  筛选及排序
 42007  365

jQuery图片筛选过滤器效果

jQuery选项卡形式图片按分类过滤
  筛选及排序
 39084  557

前端表格排序插件,支持ajax分页

jQuery前端表格排序插件,支持ajax分页,后端分页只排序当前页,或前端分页排序
  筛选及排序
 37718  366

jQuery条件筛选表格(原创)

通过条件选择表格要显示的部分
  筛选及排序
 42120  360

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    济公 0
    2014/3/10 15:21:00

    找了这么多网站,这是唯一可以下载的,非常感谢。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复