ThemeRoller highlight and select styles for headers?

ThemeRoller highlight and select styles for headers?

renfieldrenfield Posts: 3Questions: 0Answers: 0
edited June 2010 in General
JQuery and DataTables newbie here. Absolutely brilliant plugin, and combined with JQueryUI it has saved me days of work. One question that I cannot figure out, though: It seems that when applying a ThemeRoller style to a DataTable, the table headers only get the default ThemeRoller style. I expected them to also have the highlight and selected styles, just like any other JQueryUI Button or Tab or Accordion...I don't see this functionality working on the DataTables ThemeRoller example page either...or am I just totally clueless and missing something obvious?
Thanks.

r e n

Replies

  • renfieldrenfield Posts: 3Questions: 0Answers: 0
    edited July 2010
    I think I have figured it out. After I have initialized my datatable, I just did:
    [code]
    $what.find('th').hover(
    function () {
    $(this).addClass("ui-state-hover");
    },
    function () {
    $(this).removeClass("ui-state-hover");
    }
    );
    $what.find('th').click(
    function () {
    $(this).siblings().removeClass("ui-state-active");
    $(this).addClass("ui-state-active");
    }
    );
    [/code]
    ($what is just a contextual indicator as I am doing this inside a function, since I initialize various tables per page.)

    Anyway this behavior for ThemeRoller as default I think would be great, no?
    Thanks again.
This discussion has been closed.