Recent news

Monday, 23 May 2016

Tablesorter : A jQuery Client Side Table Shorting Plugin




Tablesorter is a jQuery table plugin. This plugin help to short the table content on client. With the help of this plugin we can use ajax table shoring operation we can perform. This plugin we use in you asp.net, php, mvc, java etc web applications.

How To Use

1. Add the below library reference

<script type="text/javascript" src http://tablesorter.com/jquery-latest.js"></script>
<script type="text/javascript" src http://tablesorter.com/__jquery.tablesorter.min.js"></script>


2. Now add the below html tag.
<table id="myTable" class="tablesorter">
    <thead>
        <tr>
            <th>Last Name</th>
            <th>First Name</th>
            <th>Email</th>
            <th>Due</th>
            <th>Web Site</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Smith</td>
            <td>John</td>
            <td>jsmith@gmail.com</td>
            <td>$50.00</td>
            <td>http://www.jsmith.com</td>
        </tr>
        <tr>
            <td>Bach</td>
            <td>Frank</td>
            <td>fbach@yahoo.com</td>
            <td>$50.00</td>
            <td>http://www.frank.com</td>
        </tr>
        <tr>
            <td>Doe</td>
            <td>Jason</td>
            <td>jdoe@hotmail.com</td>
            <td>$100.00</td>
            <td>http://www.jdoe.com</td>
        </tr>
        <tr>
            <td>Conway</td>
            <td>Tim</td>
            <td>tconway@earthlink.net</td>
            <td>$50.00</td>
            <td>http://www.timconway.com</td>
        </tr>
    </tbody>
</table>

3. Add the below code to perform operation

    $(document).ready(function () {
        $("#myTable").tablesorter();
    }
);



Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles