#jquery #css #tablesorter #css-tables
#jquery #css #сортировщик таблиц #css-таблицы
Вопрос:
Я использую tablesorter 2.0, и я пытался переопределить тему css при нажатии кнопки, но, похоже, у меня ничего не получается. Я пытался добавить немного css в файл темы, но я думаю, что другой атрибут переопределяет его. Что я хочу сделать, так это изменить цвет фона строки определенного класса.
Если кто-нибудь может проверить это и сказать мне, где добавить класс и атрибут в этот файл, это было бы оценено.
Вот файл темы для tablesorter:
table.tablesorter {
font-family:arial;
background-color: #CDCDCD;
margin:10px 0pt 15px;
font-size: 8pt;
width: 100%;
text-align: left;
border-radius:3px;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #e6EEEE;
border: 1px solid #FFF;
font-size: 8pt;
padding: 4px;
}
table.tablesorter thead tr .header {
background-image: url(bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top;
}
table.tablesorter tbody tr.odd td {
background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #5B5781;
}
Вот jquery css, который я использую для изменения строки (это обратный вызов из вызова $.post ())):
function(){
$("#row_" id).css("background-color", "orange");
}
Ответ №1:
Нет ничего плохого в том, что TR имеет background-color.
Ваш код работает, но вы должны понимать, что вы указали, что у TD должен быть цвет фона #FFF. Вы меняете цвет TR BG, но цвет TD находится поверх него.