Pernah punya data dalam tabel yang rownya banyaknya minta ampun dan gak ada fitur searchnya? Nah plugin jquery ini jawabannya… Jquery plugin zFilter untuk mengakomodir hal itu. Plugin jquery buatan @hazmi ini bisa digunakan untuk memfilter row dalam table berdasarkan pencarian.

Cara menggunakan plugin ini cukup mudah, include jquery dan file plugin jquery zfilter, kemudian copy paste code dibawah ini.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="jquery.zfilter-0.1.js"></script>
<script type="text/javascript">// <![CDATA[
    (function($) {
        var table = $('#twitter-table');
        var index = 1;
        var input = $('#filter');

        zFilter.setup(input, table, index);

    })(jQuery);

// ]]></script>

Plugin bisa di-download di halaman dibawah ini, lengkap dengan contoh, format tabel dan demo.

http://hadiariawan.web.id/jquery-zfilter/

Happy coding….

Popularity: 2% [?]