ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как правильно определить стиль для thead таблицы?
9 сообщений из 9, страница 1 из 1
Как правильно определить стиль для thead таблицы?
    #39507788
drno
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
drno
Гость
Здравствуйте.

ранее я использовал определение стиля так

Код: html
1.
2.
3.
4.
5.
<table id="report_table" class="table table-hover table-striped" border="1" bordercolor="#cccccc">
    <thead>
    <TH style="background-color: #2780e3; color: #fff;">№ п\п</TH>
    </thead>
<tbody>



теперь решил динамически определить заполнение шапки таблицы

Код: c#
1.
2.
3.
4.
5.
var table = document.getElementById("report_table");
            var header = table.createTHead();
            var row = header.insertRow(0);
            var cell = row.insertCell(0);
            cell.innerHTML = "№ п\\п";




Как правильно определить стиль через DOM?
...
Рейтинг: 0 / 0
19.08.2017, 09:32
| Ответить | Цитировать | Написать  
Как правильно определить стиль для thead таблицы?
    #39507790
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
drno,

если Вас и раньше устраивало определение стиля через атрибут style, то и сейчас также сделайте:

Код: javascript
1.
cell.setAttribute('style', 'background-color: #2780e3; color: #fff;');
...
Рейтинг: 0 / 0
19.08.2017, 09:46
| Ответить | Цитировать | Написать  
Как правильно определить стиль для thead таблицы?
    #39507794
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
а если не устраивает - имейте ввиду, что row.insertCell(0) создаёт td, а не th
...
Рейтинг: 0 / 0
19.08.2017, 10:10
| Ответить | Цитировать | Написать  
Как правильно определить стиль для thead таблицы?
    #39507796
drno
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
drno
Гость
skyANA,

я верно понимаю, что на ваш взгляд через CSS определить стиль в данном лучше?

Код: html
1.
2.
3.
4.
5.
6.
<style type="text/css">
    thead {
        background-color: #2780e3;
        color: #fff;
    }
</style>
...
Рейтинг: 0 / 0
19.08.2017, 10:20
| Ответить | Цитировать | Написать  
Как правильно определить стиль для thead таблицы?
    #39507800
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
drno,

Код: css
1.
2.
3.
<style>
        thead>tr>td {background-color: #2780e3; color: #fff;}
</style>
...
Рейтинг: 0 / 0
19.08.2017, 10:30
| Ответить | Цитировать | Написать  
Как правильно определить стиль для thead таблицы?
    #39507801
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
drnoя верно понимаю, что на ваш взгляд через CSS определить стиль в данном лучше?
Нет, не верно.

Хотите задавать стили через артибут style - задавайте.

Хотите в точности повторить вышеуказанную вёрстку через JavaScript, пожалуйста:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
var table, thead, th;

table = document.getElementById("report_table");
thead = table.createTHead();

th = document.createElement('TH');
th.innerHTML = "№ п\\п";
th.setAttribute('style', 'background-color: #2780e3; color: #fff;');

thead.appendChild(th);



Хотите чего-то больше - опишите проблему.
...
Рейтинг: 0 / 0
19.08.2017, 10:37
| Ответить | Цитировать | Написать  
Как правильно определить стиль для thead таблицы?
    #39507802
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
drno,

кстати th надо бы завернуть в tr , то есть должно быть так:

Код: html
1.
2.
3.
4.
5.
6.
7.
<table id="report_table" class="table table-hover table-striped" border="1" bordercolor="#cccccc">
  <thead>
    <tr>
      <th style="background-color: #2780e3; color: #fff;">№ п\п</th>
    </tr>
  </thead>
  <tbody>



и, соответсвенно:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
var table, thead, tr, th;

table = document.getElementById("report_table");
thead = table.createTHead();

tr = thead.insertRow(0);

th = document.createElement('TH');
th.innerHTML = "№ п\\п";
th.setAttribute('style', 'background-color: #2780e3; color: #fff;');

tr.appendChild(th);
...
Рейтинг: 0 / 0
19.08.2017, 10:44
| Ответить | Цитировать | Написать  
Как правильно определить стиль для thead таблицы?
    #39507803
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
drno,

а вообще, если весь заголовок должне быть в едином стиле, а не № п\п синий, а остальное к примеру красное, то не имеет смысла задавать style для каждого отдельного элемента th .
...
Рейтинг: 0 / 0
19.08.2017, 10:50
| Ответить | Цитировать | Написать  
Как правильно определить стиль для thead таблицы?
    #39507804
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Изопропила если не устраивает - имейте ввиду, что row.insertCell(0) создаёт td, а не th
Креате элемент, аппенд чилд.
...
Рейтинг: 0 / 0
19.08.2017, 10:52
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как правильно определить стиль для thead таблицы?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=35&tid=1444502]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 61ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 13ms
total:  163ms
созд. / загр.: 163ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]