Dan,

You need to include the jquery metadata plugin:

<script type="text/javascript" src="../jquery.metadata.js"></script>



See: http://tablesorter.com/docs/#Download


/christian


2007/8/20, Dan Vega <[EMAIL PROTECTED]>:
>
>
> The examples do not say anything about a metadata widget, should my
> code look like this?
>
>         <script>
>         $(document).ready(function() {
>             // call the tablesorter plugin
>             $("table").tablesorter({
>                         widgets: ['zebra','metadata']
>             });
>         });
>         </script>
>
> On Aug 17, 5:29 pm, "Christian Bach" <[EMAIL PROTECTED]>
> wrote:
> > Dan,
> >
> > in order to set options inline you need to include the metadata
> > plugin. The reason why this seems to work with out metadata is because
> > the auto detection for column sorter is working its magic. There is no
> > need to specify sorters for standard columns like the ones that you
> > have in your table. /christian
> > 2007/8/17, Dan Vega <[EMAIL PROTECTED]>:
> >
> >
> >
> > > >From the docs I gather that I should be able to do the following:
> This
> > > should allow me to define the parser per column as well as to tell it
> > > that I do not want the edit column to be sortable. The parser
> > > definitions work fine but the sorter:false is not working. I want the
> > > edit column to be un-sortable, any suggestions?
> >
> > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
> > >www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> > > <html>
> > > <head>
> > >    <title>JQuery Grid</title>
> > >    <!--- tablesorter --->
> > >    <link href="themes/blue/style.css" type="text/css"
> rel="stylesheet"/>
> > >    <script type="text/javascript" src="jquery.js"></script>
> > >    <script type="text/javascript" src="jquery.tablesorter.js
> "></script>
> > >    <script>
> > >    $(document).ready(function() {
> > >        // call the tablesorter plugin
> > >        $("table").tablesorter({
> > >                    widgets: ['zebra']
> > >        });
> > >    });
> > >    </script>
> > > </head>
> > > <body>
> > >    <div style="width:600px;">
> > >    <table class="tablesorter" cellspacing="1">
> > >     <thead>
> > >         <tr>
> > >             <th class="{sorter: 'text'}">First Name</th>
> > >             <th class="{sorter: 'text'}">Last Name</th>
> > >             <th class="{sorter: 'integer'}">Age</th>
> > >             <th class="{sorter: 'currency'}">Total</th>
> > >             <th class="{sorter: 'percent'}">Discount</th>
> > >             <th class="{sorter: 'date'}">Date</th>
> > >        <th class="{sorter: false}">Edit</th>
> > >         </tr>
> > >     </thead>
> > >     <tbody>
> > >         <tr>
> > >             <td>Peter</td>
> > >             <td>Parker</td>
> > >             <td>28</td>
> > >             <td>$9.99</td>
> > >             <td>20%</td>
> > >             <td>07/06/2006</td>
> > >                    <td>Edit</td>
> > >         </tr>
> > >         <tr>
> > >             <td>John</td>
> > >             <td>Hood</td>
> > >             <td>33</td>
> > >             <td>$19.99</td>
> > >             <td>25%</td>
> > >             <td>11/10/2002</td>
> > >                    <td>Edit</td>
> > >         </tr>
> > >         <tr>
> > >             <td>Clark</td>
> > >             <td>Kent</td>
> > >             <td>18</td>
> > >             <td>$15.89</td>
> > >             <td>44%</td>
> > >             <td>01/12/2003</td>
> > >                    <td>Edit</td>
> > >         </tr>
> > >         <tr>
> > >             <td>Bruce</td>
> > >             <td>Almighty</td>
> > >             <td>45</td>
> > >             <td>$153.19</td>
> > >             <td>44%</td>
> > >             <td>01/18/2001</td>
> > >                    <td>Edit</td>
> > >         </tr>
> > >         <tr>
> > >             <td>Bruce</td>
> > >             <td>Evans</td>
> > >             <td>22</td>
> > >             <td>$13.19</td>
> > >             <td>11%</td>
> > >             <td>01/18/2007</td>
> > >                    <td>Edit</td>
> > >         </tr>
> > >     </tbody>
> > >    </table>
> > >    </div>
> > > </body>
> > > </html>
>
>

Reply via email to