Покрасить динамическую таблицу
Здравствуйте
Есть скрипт (фрагмент)
$.each(my_orders, function() {
html_orders += '<tr>';
html_orders += '<td>'+this.id_order+'</td>';
html_orders += '</tr>';
});
, который вставляет строки в таблицу: <table class="tablem"> <tbody> </tbody> </table> мне понадобилось покрасить строки этой таблицы. Для этого я вставил перед таблицей вот это
<style type="text/css">
.tablem.colored { background: #9999ff; }
</style>
а скрипт изменил так
$.each(my_orders, function() {
html_orders += '<tr class="colored">';
html_orders += '<td>'+this.id_order+'</td>';
html_orders += '</tr>';
});
В результате вместо покраски таблица съежилась в размерах на пол-экрана. Нутром чувствую, что дело не в скрипте, но все равно решил спросить на этом форуме, потому что здесь на много больше адекватных людей, чем на многих других. |
.tablem .colored
|
Цитата:
не помогло |
Огонек,
Цитата:
.tablem .colored td, .tablem .colored{
background-color:#9999ff;
}
|
Цитата:
У меня скрипт формирует таблицу при открытии страницы и при нажатии некоторых кнопок, так вот при открытии строки не красятся, а если нажать на кнопочку, которая обновляет список (не страницу), то строки красятся. Но таблица сжата на пол-экрана все равно. |
Цитата:
<html>
<head>
<meta charset="utf-8">
<style>
td{
background: red;
}
</style>
</head>
<body>
<table>
<tr><td>rrr</td><td>rrr</td><td>rrr</td></tr>
<tr><td>rrr</td><td>rrr</td><td>rrr</td></tr>
<tr><td>rrr</td><td>rrr</td><td>rrr</td></tr>
<tr><td>rrr</td><td>rrr</td><td>rrr</td></tr>
</table>
</body>
</html>
|
Цитата:
Цитата:
|
Цитата:
|
Цитата:
Уважаемый Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 17:38. |