Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Покрасить динамическую таблицу (https://javascript.ru/forum/misc/69652-pokrasit-dinamicheskuyu-tablicu.html)

j0hnik 09.07.2017 16:18

Огонек, можно пример глянуть, так более понятно будет, ссылку или тут можно макетик сделать.

рони 09.07.2017 16:19

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

.tablem .colored td, .tablem .colored{
      background-color:#9999ff;
 }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
var html_orders = "", my_orders = [{id_order: 1},{id_order: 5},{id_order:12}]
$.each(my_orders, function() {
  html_orders += '<tr class="colored">';
  html_orders += '<td>'+this.id_order+'</td>';
  html_orders += '</tr>';
});


$(".tablem tbody").append(html_orders)
});
  </script>
</head>

<body>
<table class="tablem">
  <tbody>
  </tbody>
</table>


</body>
</html>

рони 09.07.2017 16:24

Цитата:

Сообщение от j0hnik
например?

куда исчез фон картинкой?
.tablem .colored td, .tablem .colored{
       background-image: url([url]https://javascript.ru/forum/images/ca_serenity/misc/logo.gif);[/url]

 }
.tablem .colored td, .tablem .colored{
      background:#9999ff;

 }

j0hnik 09.07.2017 16:36

Цитата:

Сообщение от рони (Сообщение 458020)
куда исчез фон картинкой?
.tablem .colored td, .tablem .colored{
       background-image: url([url]https://javascript.ru/forum/images/ca_serenity/misc/logo.gif);[/url]

 }
.tablem .colored td, .tablem .colored{
      background:#9999ff;

 }

я понял о чем вы, но обычно так не делают, если используют сокращенную запись, делают так
.tablem .colored td, .tablem .colored{
      background:#9999ff url(https://javascript.ru/forum/images/ca_serenity/misc/logo.gif);

 }

рони 09.07.2017 16:46

Цитата:

Сообщение от j0hnik
делают так

куда исчез background-size: cover; и т.д. ??? :)

j0hnik 09.07.2017 16:58

Цитата:

Сообщение от рони (Сообщение 458022)
куда исчез background-size: cover; и т.д. ??? :)

.tablem .colored td, .tablem .colored{
      background:#9999ff url(https://javascript.ru/forum/images/ca_serenity/misc/logo.gif);
background-size: cover;
 }

пожалуйста =)

рони 09.07.2017 17:23

Цитата:

Сообщение от j0hnik
пожалуйста =)

Цитата:

Ежики плакали, кололись, но продолжали жрать кактус...
:)

Огонек 09.07.2017 17:31

Я не пропал - нашел причину неудач. Как только изменил tablem на tablem1? сразу все заработало. Мое изменение стиля не имеет приоритета над файлом css. Может такое быть?

j0hnik 09.07.2017 17:38

Цитата:

Ежики плакали, кололись, но продолжали жрать кактус..
это ты про тех кто создал эту сокращенную запись? :-/

рони 09.07.2017 17:41

Цитата:

Сообщение от Огонек
Может такое быть?

да, нужен тот же путь указать что в css файле или присвоить таблице id и тогда
#tablem .colored td, #tablem .colored{
      background-color:#9999ff;

 }


Часовой пояс GMT +3, время: 08:31.