在tablesorter中禁用排序标题时，标题的颜色正在更改

Question

~/shared_node.js/node_modules/.bin

jquery禁用$ .ready func中的排序

    <table verticalAlign="${'center'}" tableType="${'bordered'}"
                        tableStripes="${'horizontal'}" id="searchResultsTable"
                        cssClass="tablesorter">
                        <thead>
                            <## Heading ##tableRow>
                                <a:tableColumnHeading id="sort">F</a:tableColumnHeading>
                                <a:tableColumnHeading>Id</a:tableColumnHeading>
                                <a:tableColumnHeading id="sortOnb">certificate</a:tableColumnHeading>
                                <a:tableColumnHeading>Issue Date</a:tableColumnHeading>
                                <a:tableColumnHeading id="sortOnc">Expiry Date</a:tableColumnHeading>
                                <a:tableColumnHeading id="sortOnd">Owner Group</a:tableColumnHeading>
                                <a:tableColumnHeading>Can</a:tableColumnHeading>
                                <a:tableColumnHeading>Algo</a:tableColumnHeading>
                                <a:tableColumnHeading>Size</a:tableColumnHeading>
                            </a:tableRow>
                        </thead>

表分拣机css

    $("#searchResultsTable").tablesorter({
    {
    header:
    1 : { sorter : false },
    3 : { sorter : false}
    .
    .
    .

    }
    });

我想禁用那些没有id的标头，我在jquery之上尝试但是它改变了标头的颜色。有没有办法在不改变颜色的情况下禁用它们。

我也试过这个，假设第二列的id =“id”

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
}
table.tablesorter thead tr .header {
    background-image: url(tableSorterImages/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(tableSorterImages/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(tableSorterImages/desc.gif);
}