Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css скрыть строки в таблице / 22 сообщений из 22, страница 1 из 1
14.10.2019, 09:43
    #39875796
Erik_Kartmann
Erik_Kartmann
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
Есть таблица. Можно через 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:51
    #39875802
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
Erik_KartmannМожно через CSS скрыть строки, где есть "а", и нет класса "b" ?
Использование ЦСС не предполагает некоего "возврата" назад. Если ты что-то определил цсс-селектором, далее работа идет именно с этим...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2019, 10:07
    #39875812
Erik_Kartmann
Erik_Kartmann
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
Это я и хотел узнать. значит тока jquery.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2019, 10:26
    #39875822
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
Erik_Kartmannзначит тока jquery.зачем jquery?
https://jsfiddle.net/2v8tLc4z/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2019, 10:36
    #39875827
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
вадя , твой пример не корректно отработает в ряде случаев...
Например в этом.

Код: 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:37
    #39875828
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
Erik_Kartmannзначит тока jquery.
Любой клиентский скрипт...
Или на сервере сразу решать, что показывать, а что нет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2019, 10:46
    #39875829
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
вадя , немного позанудствую...

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



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



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



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

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

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

https://jsfiddle.net/k8xoq215/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2019, 11:24
    #39875854
Erik_Kartmann
Erik_Kartmann
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
это маленькый пример. На 1000 строк через что будет быстрее?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2019, 12:00
    #39875886
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
Erik_Kartmann,
так будет быстрее
https://jsfiddle.net/2v8tLc4z/2/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2019, 12:51
    #39875927
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
вадятак будет быстрее
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:58
    #39875934
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
krvsaКласс a обязан присутствовать.
Хотя это я уже не в ту сторону гребу...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2019, 15:04
    #39876034
Erik_Kartmann
Erik_Kartmann
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
ну у меня задача, что либо а либо б. Так что эйчем нормально, и не тупит на рабочем примере..

Уточню задачу, может кто сталкивался, как сделать по другому ?
У меня жиквериевский контрол 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, 21:53
    #39876281
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
а кто-нибудь смотрел из чего состоит этот календарь?????
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.10.2019, 11:09
    #39876427
Дмитрий Мух
Дмитрий Мух
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
Erik_KartmannУ меня жиквериевский контрол fullcalendar , и когда я использую его в виде календаря за месяц - хочу скрыть лишние недели в месяце, ( прошлые дни имеют tr с атрибутом fc-past).
Гхм, а зачем тогда какие-то классы искать?
Отображается 6 недель, сегодня 3-я неделя. Что надо сделать? Скрыть первые две.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.10.2019, 11:10
    #39876430
Дмитрий Мух
Дмитрий Мух
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
вадяа кто-нибудь смотрел из чего состоит этот календарь?????
из дивов и таблиц
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.10.2019, 11:11
    #39876432
Дмитрий Мух
Дмитрий Мух
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css скрыть строки в таблице
Erik_Kartmann,

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


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