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

Подскажите, пожалуйста, при изменении размера экрана, с помощью css, возможно ли без js изменять таблицу таким образом:



изменить на такой вид



Нашел скрипт, который так делает: http://www.coolwebmasters.com/script-library/3516-responsive-tables-made-smarter-footable.html , но хочется на css
Заранее спасибо!
...
Рейтинг: 0 / 0
05.10.2015, 00:01
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39068014
Евгений1000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Евгений1000
Гость
Еще вопрос - если возможно по топику, то возможно ли изменить только нужные колонки, которые не обязательно идет последними?
...
Рейтинг: 0 / 0
05.10.2015, 00:03
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39068166
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Евгений1000но хочется на css
На ЦСС нет такого "эфекта", где повторяется шапка, да еще в нужном тебе месте...
...
Рейтинг: 0 / 0
05.10.2015, 10:54
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39068395
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
... про-офтоплю, извините, но откуда вообще берутся такие условия "без js" ? ... разве что студенческая задача? .. если нет, то чем ненавистен JS ..?
...
Рейтинг: 0 / 0
05.10.2015, 13:52
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39068419
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Евгений1000,

нечто похожее здесь https://css-tricks.com/responsive-data-tables/
А зря от скрипта отказались, у меня есть примерчик...
...
Рейтинг: 0 / 0
05.10.2015, 14:10
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39068507
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
carrotikоткуда вообще берутся такие условия "без js" ? ... разве что студенческая задача? .. если нет, то чем ненавистен JS ..?
Дело не в ненависти...
Просто зачем использовать скрипты, если все может сделать сам браузер, используя стили...
...
Рейтинг: 0 / 0
05.10.2015, 15:17
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39068854
Уважаемый автор
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Уважаемый автор
Участник
carrotik... про-офтоплю, извините, но откуда вообще берутся такие условия "без js" ? ... разве что студенческая задача? .. если нет, то чем ненавистен JS ..?

извините, за офтоп, у меня есть ненависть к JavaScript (недоязык, как 1с, но без него сейчас никуда)
Стараюсь также все делать по-возможности максимально через стили.
...
Рейтинг: 0 / 0
05.10.2015, 22:27
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39068905
Евгений1000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Евгений1000
Гость
Спасибо всем кто ответил. Решил таким способом - сделал две таблицы и для каждого разрешения прописал свои стили
...
Рейтинг: 0 / 0
06.10.2015, 02:30
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39068961
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Уважаемый автору меня есть ненависть к JavaScript
Чем же он для тебя так провинился?
...
Рейтинг: 0 / 0
06.10.2015, 08:09
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39069031
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
krvsaУважаемый автору меня есть ненависть к JavaScript
Чем же он для тебя так провинился? Я хоть и не "Уважаемый автор", но вот этого уже достаточно, имхо.
...
Рейтинг: 0 / 0
06.10.2015, 09:58
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39069075
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
miksoftвот этого уже достаточно, имхо.
Мало же тебе надо!
...
Рейтинг: 0 / 0
06.10.2015, 10:41
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39069081
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
"ниасилил" пишется короче.
...
Рейтинг: 0 / 0
06.10.2015, 10:44
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39069092
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
krvsamiksoftвот этого уже достаточно, имхо.
Мало же тебе надо! Мне, к счастью, вообще не надо. До сих пор удавалось в Javascript не вляпаться.
Хотя, чувствую, не избежать мне этой участи рано или поздно.
...
Рейтинг: 0 / 0
06.10.2015, 10:51
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39069117
SQLPowerUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SQLPowerUser
Участник
miksoft,

там ещё со строками подводные камни, например взятие подстроки берёт на 1 символ меньше. А метод replace меняет только первое вхождение, для глобальной замены нужна регулярка типа такого
Код: javascript
1.
2.
3.
4.
5.
// Без учета регистра
var str = 'Mr Blue has a blue house and a blue car';
var res = str.replace(/blue/gi, 'red');
// Результат
Mr red has a red house and a red car


В JavaScript много тонкостей, помню не всегда работала установка className, или getComputedStyle не прочитает ширину/высоту (помогло getBoundingClientRect )
...
Рейтинг: 0 / 0
06.10.2015, 11:15
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39069129
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
miksoftМне, к счастью, вообще не надо.
А чего же тогда такое отторжение?
...
Рейтинг: 0 / 0
06.10.2015, 11:24
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39069134
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
SQLPowerUserВ JavaScript много тонкостей
Их полно в любом ЯП...
...
Рейтинг: 0 / 0
06.10.2015, 11:25
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39069252
Евгений1000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Евгений1000
Гость
Antonariy"ниасилил" пишется короче.
ну если бы захотел подключить скрипт, осилил бы. Ничего сложного в js не вижу и примеров там предостаточно. Просто мне лень - качать скрипт, подключать, разбираться в нем что да как. Гораздо проще мое решение - в одном разрешении скрыл одну таблицу и показал другую, в другом скрыл вторую таблицу и показал невидимую из первого варианта. Написать новую таблицу и прописать у нее несколько стилей - разве это не самое простое решение?
...
Рейтинг: 0 / 0
06.10.2015, 12:39
| Ответить | Цитировать | Написать  
Адаптивная верстка таблицы
    #39069266
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Евгений1000Написать новую таблицу и прописать у нее несколько стилей - разве это не самое простое решение?Когда как. Если что, править теперь две таблицы, а не одну.
...
Рейтинг: 0 / 0
06.10.2015, 12:49
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Адаптивная верстка таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39068905&tid=1445706]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 151ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 77ms
get tp. blocked users:
 2ms
others: 259ms
total:  538ms
созд. / загр.: 538ms
x
x
Закрыть


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