ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css скрыть строки в таблице
22 сообщений из 22, страница 1 из 1
css скрыть строки в таблице
    #39875796
Erik_Kartmann
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Erik_Kartmann
Участник
Есть таблица. Можно через CSS скрыть строки, где есть "а", и нет класса "b" ?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<table>
<tr>
	<td class ="a"> </td>
	<td class ="a"> </td>
	<td class ="a"> </td>
	<td class ="a"> </td>
</tr>
<tr>
	<td class ="a"> </td>
	<td class ="a"> </td>
	<td class ="a"> </td>
	<td class ="b"> </td>
</tr>
</table>
...
Рейтинг: 0 / 0
14.10.2019, 09:43
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875802
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Erik_KartmannМожно через CSS скрыть строки, где есть "а", и нет класса "b" ?
Использование ЦСС не предполагает некоего "возврата" назад. Если ты что-то определил цсс-селектором, далее работа идет именно с этим...
...
Рейтинг: 0 / 0
14.10.2019, 09:51
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875812
Erik_Kartmann
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Erik_Kartmann
Участник
Это я и хотел узнать. значит тока jquery.
...
Рейтинг: 0 / 0
14.10.2019, 10:07
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875822
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Erik_Kartmannзначит тока jquery.зачем jquery?
https://jsfiddle.net/2v8tLc4z/
...
Рейтинг: 0 / 0
14.10.2019, 10:26
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875827
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
вадя , твой пример не корректно отработает в ряде случаев...
Например в этом.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<table>
<tr>
	<td class ="a"> 1</td>
	<td class ="a"> 1</td>
	<td class ="a"> 1</td>
	<td class ="b"> 1</td>
</tr>
<tr>
	<td class ="a"> 2</td>
	<td class ="a"> 1</td>
	<td class ="a"> 1</td>
	<td class ="a"> 1</td>
</tr>
</table>
<script type='text/javascript'>
document.querySelector('td[class="a"]').closest('tr').style.display='none'
</script>
...
Рейтинг: 0 / 0
14.10.2019, 10:36
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875828
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Erik_Kartmannзначит тока jquery.
Любой клиентский скрипт...
Или на сервере сразу решать, что показывать, а что нет.
...
Рейтинг: 0 / 0
14.10.2019, 10:37
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875829
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
вадя , немного позанудствую...

Зачем такой селектор?
Код: css
1.
td[class="a"]



У классов есть свой синтаксис...
Код: css
1.
td.a]



Зачем использовать метод
Код: javascript
1.
closest()



У элементов td есть свойство parentNode , оно четко указывает на соответствующий tr ...
...
Рейтинг: 0 / 0
14.10.2019, 10:46
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875837
SQLPowerUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SQLPowerUser
Участник
Erik_Kartmann,

На всякий случай, скрытие строк таблицы, 3 варианта: https://htmlforum.io/topic/46770-tree-table-css-древовидная-таблица/#comment-312915
...
Рейтинг: 0 / 0
14.10.2019, 11:01
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875841
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
krvsa,
первое что пришло
krvsa parentNode у меня случаи как правило, не родитель , а второй , третий прародитель, вот и на автомате применил

SQLPowerUser
это уж слишком сложно для такой задачи ...
...
Рейтинг: 0 / 0
14.10.2019, 11:11
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875853
Erik_Kartmann
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Erik_Kartmann
Участник
Как-то так через эйч наговнил:

https://jsfiddle.net/k8xoq215/
...
Рейтинг: 0 / 0
14.10.2019, 11:23
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875854
Erik_Kartmann
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Erik_Kartmann
Участник
это маленькый пример. На 1000 строк через что будет быстрее?
...
Рейтинг: 0 / 0
14.10.2019, 11:24
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875886
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Erik_Kartmann,
так будет быстрее
https://jsfiddle.net/2v8tLc4z/2/
...
Рейтинг: 0 / 0
14.10.2019, 12:00
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875927
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
вадятак будет быстрее
https://jsfiddle.net/2v8tLc4z/2/
Но есть нюанс... (с)

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<table>
<tr>
	<td class ="a"> 1</td>
	<td class ="a"> 1</td>
	<td class ="a"> 1</td>
	<td class ="b"> 1</td>
</tr>
<tr>
	<td class ="a"> 2</td>
	<td class ="a"> 1</td>
	<td class ="a"> 1</td>
	<td class ="a"> 1</td>
</tr>
<tr>
	<td class ="a"> 3</td>
	<td class ="a"> 1</td>
	<td class ="b"> 1</td>
	<td class ="a"> 1</td>
</tr>
<tr>
	<td class ="c"> 4</td>
	<td class ="c"> 1</td>
	<td class ="c"> 1</td>
	<td class ="c"> 1</td>
</tr>
</table>
<script type='text/javascript'>
document.querySelectorAll('tr').forEach(function(item){
	if(!!!item.querySelector('td.b')  && !!item.querySelector('td.a') ){
		item.style.display='none';
	}
});
</script>


Класс a обязан присутствовать.
...
Рейтинг: 0 / 0
14.10.2019, 12:51
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39875934
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
krvsaКласс a обязан присутствовать.
Хотя это я уже не в ту сторону гребу...
...
Рейтинг: 0 / 0
14.10.2019, 12:58
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39876034
Erik_Kartmann
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Erik_Kartmann
Участник
ну у меня задача, что либо а либо б. Так что эйчем нормально, и не тупит на рабочем примере..

Уточню задачу, может кто сталкивался, как сделать по другому ?
У меня жиквериевский контрол fullcalendar , и когда я использую его в виде календаря за месяц - хочу скрыть лишние недели в месяце, ( прошлые дни имеют tr с атрибутом fc-past). Получилось вот так:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
    var c_hide  = 0;
    $('#calendar').find('tbody > tr').each(function (s, e) {
         
        var empty = 0;


        $(e).find('td').each(function (f, g) {
            if (! $(g).hasClass("fc-past"))
            {
                empty = 1;
            }
        });
        if (empty == 0) {
            //$(e).hide();
            c_hide++;
            $(e).parents('div.fc-row').hide();
        }
    });
...
Рейтинг: 0 / 0
14.10.2019, 15:04
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39876281
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
а кто-нибудь смотрел из чего состоит этот календарь?????
...
Рейтинг: 0 / 0
14.10.2019, 21:53
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39876427
Дмитрий Мух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дмитрий Мух
Участник
Erik_KartmannУ меня жиквериевский контрол fullcalendar , и когда я использую его в виде календаря за месяц - хочу скрыть лишние недели в месяце, ( прошлые дни имеют tr с атрибутом fc-past).
Гхм, а зачем тогда какие-то классы искать?
Отображается 6 недель, сегодня 3-я неделя. Что надо сделать? Скрыть первые две.
...
Рейтинг: 0 / 0
15.10.2019, 11:09
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39876430
Дмитрий Мух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дмитрий Мух
Участник
вадяа кто-нибудь смотрел из чего состоит этот календарь?????
из дивов и таблиц
...
Рейтинг: 0 / 0
15.10.2019, 11:10
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39876432
Дмитрий Мух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дмитрий Мух
Участник
Erik_Kartmann,

а зачем, если не секрет, скрывать прошедшие недели?
...
Рейтинг: 0 / 0
15.10.2019, 11:11
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39876588
Erik_Kartmann
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Erik_Kartmann
Участник
Дмитрий Мух, попросили
...
Рейтинг: 0 / 0
15.10.2019, 14:05
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39876589
Erik_Kartmann
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Erik_Kartmann
Участник
Дмитрий МухErik_KartmannУ меня жиквериевский контрол fullcalendar , и когда я использую его в виде календаря за месяц - хочу скрыть лишние недели в месяце, ( прошлые дни имеют tr с атрибутом fc-past).
Гхм, а зачем тогда какие-то классы искать?
Отображается 6 недель, сегодня 3-я неделя. Что надо сделать? Скрыть первые две.
блин...
...
Рейтинг: 0 / 0
15.10.2019, 14:06
| Ответить | Цитировать | Написать  
css скрыть строки в таблице
    #39876590
Erik_Kartmann
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Erik_Kartmann
Участник
а как в жс'е узнать неделю месяца?
...
Рейтинг: 0 / 0
15.10.2019, 14:06
| Ответить | Цитировать | Написать  
22 сообщений из 22, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css скрыть строки в таблице
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=14&tid=1443635]:
 0ms
get settings:
 10ms
get forum list:
 11ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 45ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 230ms
total:  370ms
созд. / загр.: 370ms
x
x
Закрыть


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