منتدى استراحات زايد - [ درس ] عمل جدول به خاصية البحث عن طريق الjquery

السلام عليكم ورحمة الله وبركاته
اليوم اتيت لكم بطريقة عمل جدول به خاصية البحث عن طريق الjquery
مثال على الدرس Table Filter Bootstrap + Jquery - JSFiddle
طبعا الدرس يحتاج انك تعرف BOOTSTRAP

اذا كنت لاتعرف bootstrap ممكن انك تتعلمه عن طريق http://www.youtube.com/watch?v=-rct0ZvmX5M
او انك تاخذ الكود كامل من ديه الصفحة [HTML 5] الكود كامل لطريقة البحث داخل الجدول عن طريق الjquery - Pastebin.com نسخ لصق

الطريقة انك تضع كود الhtml هذا داخل كود الbootstrap
رمز PHP:

Filter

Code
Name
Default
Status

EUR
EURO

Active

GBP
Pound

Active

GEL
Georgian Lari

Active

USD
US Dollar

Active

وتضع ده الكود داخل الjquery
رمز PHP:

$(document).ready(function () {

(function ($) {

$('#filter').keyup(function () {

var rex = new RegExp($(this).val(), 'i');
$('.searchable tr').hide();
$('.searchable tr').filter(function () {
return rex.test($(this).text());
}).show();

})

}(jQuery));

});

وبهذا يكون الكود كامل كده
[HTML 5] الكود كامل لطريقة البحث داخل الجدول عن طريق الjquery - Pastebin.com

وللمزيد من الدروس :دوروسانيا