It appears to be happening because I have a table inside a row. When I
removed the table inside one of the cells, everything is fine.
I tried disabling the column with the table (sorter:false), but that
did not help. Is there a workaround (except completely removing the
inner table)?
On Dec 19, 7:47 pm, adeveloper <msosn...@gmail.com> wrote:
> anybody?
>
> On Dec 19, 1:17 am, adeveloper <msosn...@gmail.com> wrote:
>
> > The row coloring is done on client-side (withtablesorteritself). It
> > works on document load. However, after sorting, all rows become the
> > same color. Why is row coloring not preserved after sorting? What can
> > be the reason?
>
> > Here is a snippet:
> > -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
> > <div class="table">
> > <table width="100%" cellspacing="1" id="tableID">
> > <thead>
> > <tr>
> > <th class="columnTitle">Text</th>
> > <th class="columnTitle">Text</th>
> > </tr>
> > </thead>
> > <tbody>
> > <tr class="even">
> > <td>Text</td>
> > <td>
> > <span class="hidden">Number</span>
> > Time
> > </td>
> > <td>
> > <table>
> > <tr>
> > <td></td>
> > </tr>
> > </table>
> > </td>
> > </tr>
> > <tr class="odd">
> > .....
> > </tr>
> > </tbody>
> > </table>
> > </div>
> > -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
> > $(document).ready(function() {
> > $("#tableID").tablesorter({
> > headers: {
>
> > 4: {
> > sorter: 'time'
> > }
>
> > },
> > widgets:['zebra'],
> > widgetZebra: {css: ["even","odd"]}
> > });
>
> > });
>
> > -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
> > .odd {
> > background-color: ...}
>
> > .even {
> > background-color: ...}
>
> > -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
>
> > On Dec 18, 7:08 am, MorningZ <morni...@gmail.com> wrote:
>
> > > "I was trying to fix that with Zebra
> > > widget but gave up."
>
> > > Well, thistablesorterplugin most definitely does work, both on load
> > > and client sorting....
>
> > > i'd suggest being more descriptive on why you gave up (explanation?
> > > example code? question to clarify what it does?), instead of trying
> > > to recreate code that already works
>
> > > On Dec 17, 10:41 pm, adeveloper <msosn...@gmail.com> wrote:
>
> > > > My table has alternating row coloring. It get's messed up after
> > > > sorting (eg, instead of odd, even, odd I get something like even,
> > > > even, odd, even, even...etc) I was trying to fix that with Zebra
> > > > widget but gave up.
>
> > > > All I need to do is to call this simple function
> > > > tohttp://www.sitepoint.com/article/background-colors-javascript/, but I
> > > > am not sure where. I tried putting into:
> > > > <body onload="....
>
> > > > It worked, however, only when document itself was reloaded, not after
> > > > client-side sorting withtablesorter.
>
> > > > How to call this function from jQuery? Is it possible to add it to $
> > > > (document).ready(function() call?
