ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
25 сообщений из 46, страница 1 из 2
  1  все
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452151
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
Доброго дня господа !

HTML 5.0
Нужна таблица с фиксацией шапки и 1-ой колонки + изменение ширины столбцов
Что-то попроще без лишних библиотек , можно с использованием CCS

Дайте реальный пример пожалуйста


Заранее благодарен
...
Рейтинг: 0 / 0
12.05.2017, 14:44
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452163
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
HOME_X,

tablica-fiksirovannyy-zagolovok-stolbec
...
Рейтинг: 0 / 0
12.05.2017, 14:52
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452170
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
HOME_X+ изменение ширины столбцов
Что-то попроще без лишних библиотек , можно с использованием CCS
Зачем тебе ширина?
Если ширина, то это уже внешние библиотеки и полноценная таблица.
...
Рейтинг: 0 / 0
12.05.2017, 15:07
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452393
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
carrotik,

Спасибо за содержательный ответ - буду работать над адаптацией под свою модель
Чего не нашел/не заметил - расширять колонки Grid можно ? Как именно ?

Зачем нужно ?
В ряде случаев содержание ячейки длинное - иногда нужно прочитать полностью, иногда нет,
иметь возможность увеличить ширину колонки это неплохо
Возможно ли ?

P.S. - User89 - отдельное спасибо
...
Рейтинг: 0 / 0
12.05.2017, 21:46
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452421
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
HOME_Xиметь возможность увеличить ширину колонки это неплохо
нужно знать где остановиться и брать уже готовое.
Т.к. с некоторого функционала начинается велосипед.
Ты хочешь чтобы у тебя был велосипед?
Сортировка колонок нужна?
imho
...
Рейтинг: 0 / 0
12.05.2017, 22:46
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452428
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
HOME_Xбез лишних библиотек
http://www.jtable.org/Demo/PagingAndSorting
плагин это лишняя? Тогда извини.
...
Рейтинг: 0 / 0
12.05.2017, 23:19
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452455
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123HOME_X+ изменение ширины столбцов
Что-то попроще без лишних библиотек , можно с использованием CCS
Зачем тебе ширина?
Если ширина, то это уже внешние библиотеки и полноценная таблица.
изменять ширину колонок можно и без внешних библиотек, это делается довольно просто.
...
Рейтинг: 0 / 0
13.05.2017, 07:00
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452456
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
HOME_X,

С фиксацией шапки здесь лет пять тому назад много вариантов было (по моему, илион постила). А насчёт колонки - не знаю. Если бы мне было интересно, я бы за выходные написал бы. Намёк понятен? Шутка.
...
Рейтинг: 0 / 0
13.05.2017, 07:11
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452464
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
Petro123HOME_Xбез лишних библиотек
http://www.jtable.org/Demo/PagingAndSorting
плагин это лишняя? Тогда извини.

Красиво - а даже очень (+подчинненость )
Безусловно применю, но в другой раз у меня задачи
простая, это немного другой уровень
...
Рейтинг: 0 / 0
13.05.2017, 08:35
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452465
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
вадяPetro123пропущено...

Зачем тебе ширина?
Если ширина, то это уже внешние библиотеки и полноценная таблица.
изменять ширину колонок можно и без внешних библиотек, это делается довольно просто.

На основании ссылки tablica-fiksirovannyy-zagolovok-stolbec
можите привести пример кода. ?

Заранее благодарен
...
Рейтинг: 0 / 0
13.05.2017, 08:37
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452466
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
HOME_Xвадяпропущено...

изменять ширину колонок можно и без внешних библиотек, это делается довольно просто.

На основании ссылки tablica-fiksirovannyy-zagolovok-stolbec
можите привести пример кода. ?

Заранее благодарен


tablica-fiksirovannyy-zagolovok-stolbec = https://jsfiddle.net/axeqojwu/2/
...
Рейтинг: 0 / 0
13.05.2017, 08:39
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452480
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
HOME_X,

я тут попытался сделать, на все 100% не получилось... Если менять размер строк/столбцов, то работает нормально. Но потом, если размер у большой таблицы превысит родительский контейнер, то исчезают полосы прокрутки. Устранить этот баг у меня совсем времени нет :(
Тут 2 варианта:
- или делать очень большой родительский контейнер
- или взять какой-нибудь плагин (сортировку можно убрать)

А ещё jsfiddle.net не смог проглотить мой вариант, поэтому прикладываю архив.
...
Рейтинг: 0 / 0
13.05.2017, 09:51
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452521
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
HOME_XНа основании ссылки tablica-fiksirovannyy-zagolovok-stolbec
можите привести пример кода. ?
тот пример не изучал, поэтому на его основании ничего сказать не могу
могу высказать идею
поверх таблицы рисуем линии ( http://htmlbook.ru/faq/kak-sdelat-tsvetnuyu-gorizontalnuyu-liniyu)
поворачиваем их вертикально длина - по высоте таблицы, располагаем по вертикальным сторонам ячеек.
делаем перемещаемыми ( http://jquery.page2page.ru/index.php5/Перетаскиваемые_элементы)
при перемещении - изменяем ширину соответствующих ячеек и (при необходимости - ширину кннтейнера таблицы)
...
Рейтинг: 0 / 0
13.05.2017, 12:58
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452541
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
user89HOME_X,

я тут попытался сделать, на все 100% не получилось... Если менять размер строк/столбцов, то работает нормально. Но потом, если размер у большой таблицы превысит родительский контейнер, то исчезают полосы прокрутки. Устранить этот баг у меня совсем времени нет :(
Тут 2 варианта:
- или делать очень большой родительский контейнер
- или взять какой-нибудь плагин (сортировку можно убрать)

А ещё jsfiddle.net не смог проглотить мой вариант, поэтому прикладываю архив.


Да вроде нормально в пример - внедряю, досматриваю на продуктиве !

P.S. User89 - отдельное БАЛЬШОЕ спасибо 2
...
Рейтинг: 0 / 0
13.05.2017, 14:03
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452556
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
User89

Скажите а этот дефект устранить возможно ?
...
Рейтинг: 0 / 0
13.05.2017, 15:07
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452605
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
HOME_X,

наверное можно... Но я сейчас так дико загружен, что посмотреть код времени нет.

А вот здесь, много хороших компонент выложили http://www.sql.ru/forum/1250836-a/besplatnye-i-nekommercheskie-ui-freymvorki
Мне понравился W2UI, наш случай в разделе Frozen Columns
Когда поджимают сроки, уже и готовый плагин не стыдно использовать
...
Рейтинг: 0 / 0
13.05.2017, 18:42
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452679
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
user89HOME_X,
Мне понравился W2UI, наш случай в разделе Frozen Columns


Вы правы - простой объект и без лишных наворотов

Возник такой вопрос
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<!DOCTYPE html>
<html>
<head>
    <title>W2UI Demo: grid-27</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://rawgit.com/vitmalina/w2ui/master/dist/w2ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://rawgit.com/vitmalina/w2ui/master/dist/w2ui.min.css" />
</head>
<body>



Здесь ссылка на конкретный сайты
Хочу "отвязать" страницу от глобальной сети, отгрузил jquery.min.js,w2ui.min.js,w2ui.min.css на локальный диск
(софтом HTTrack Website Copier)
Переписал ссылки
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<!DOCTYPE html>
<html>
<head>
    <title>W2UI Demo: grid-27</title>
    <script src="file:///C:/My Web Sites/111/ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <script type="text/javascript" src="file:///C:/My Web Sites/222/rawgit.com/vitmalina/w2ui/master/dist/w2ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="file:///C:/My Web Sites/333/rawgit.com/vitmalina/w2ui/master/dist/w2ui.min.css" />
</head>
<body>



Перестало работать ?
Вроде раньше получалось такой прием

Спасибо
...
Рейтинг: 0 / 0
14.05.2017, 10:21
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452714
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
HOME_XВы правы - простой объект и без лишных наворотов
странный ты.
Ты сетовал на минимум чужого кода в проекте.
Я тебе дал код просто плагина-таблицы без фреймворка.
Ты кинулся на полноценный крупный фреймворк с тысячей компонентов.
...
Рейтинг: 0 / 0
14.05.2017, 13:27
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452718
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
HOME_X,

href="file:///C:/My Web Sites/333/rawgit.com/vitmalina/w2ui/master/dist/w2ui.min.css"
ссылка должна быть от корня сайта
...
Рейтинг: 0 / 0
14.05.2017, 13:50
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452756
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
вадя,

Ну а если ВСЕ находиться в одном каталоге ?
(запускаю без web-сервера, просто открытием файла index.html в IE)
Код: 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.
<!DOCTYPE html>
<html>
<head>
    <title>W2UI Demo: grid-27</title>
    <script src="jquery.min.js"></script>
    <script type="text/javascript" src="w2ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="w2ui.min.css" />
</head>
<body>

<div id="grid" style="max-width: 850px; height: 350px;"></div>
<a href="1.html">Ссылка</a>   -- Здесь все срабатывает ... страницу находит 

<script type="text/javascript">
$(function () {
    $('#grid').w2grid({ 
        name: 'grid', 
        columns: [                
            { field: 'fname', caption: 'First Name', size: '150px', frozen: true },
            { field: 'lname', caption: 'Last Name', size: '150px' , frozen: true },
            { field: 'email', caption: 'Email', size: '200px' },
            { field: 'sdate', caption: 'Start Date', size: '200px' }
        ],
        "records": [
            { "recid": 1, "fname": "John", "lname": "Doe", "email": "jdoe@gmail.com", "sdate": "4/3/2012" },
            { "recid": 29, "fname": "Sergei", "lname": "Rachmaninov", "email": "jdoe@gmail.com", "sdate": "4/3/2012"}
        ]
    });    
});
</script>

</body>
</html>



- - - - - - - - - - - - - - - - - - -
Каталог скопировал из Far-а
╔══ C:\TEMP\HTML ═
║n Name │
║.. │
║1.html │
║index.html │
║jquery.min.js │
║w2ui.min.css │
║w2ui.min.js │
║ │
- - - - - - - - - - - - - - -

Вроде все должно работать
Может эти библиотеки еще на что-то ссылаются ???

Попробуйте у Вас получается.. ?
...
Рейтинг: 0 / 0
14.05.2017, 17:01
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452761
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
Petro123странный ты...


Да может быть, мне показалась ВНЕШНИЙ ВИД предложенного объекта
предельно простым и полностью идентичный и ПРИВЫЧНОМУ Windows интерфейса

Изучу детали - может вернусь к Вашему варианту (ну не обижайтесь .....)

Спасибо
...
Рейтинг: 0 / 0
14.05.2017, 17:07
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452762
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
HOME_Xвадя,
Ну а если ВСЕ находиться в одном каталоге ?
Попробуйте у Вас получается.. ?


Если запускать с ссылками на сеть ( http:///....... )
из Google Chrome - работает
из IE10 - работает

Если запускать с ссылками на текущий каталог (все файлы в одной папке )
из Google Chrome - работает
из IE10 - НЕ работает ?????!!!!!

Поясните в чем проблема и как ее устранить ?
...
Рейтинг: 0 / 0
14.05.2017, 17:18
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452776
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
HOME_X,

Загрузил с ВСЕ сети - включил отладчик (F12) - включил сбор сетевых данных
выгрузил ВСЕ файлы поочередно с IE на локальный диск
Выполнил с диска - ошибка .. ????
...
Рейтинг: 0 / 0
14.05.2017, 17:59
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452783
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
HOME_X,
должно быть
вместо href="file:///C:/My Web Sites/333/rawgit.com/vitmalina/w2ui/master/dist/w2ui.min.css"
так
href="vitmalina/w2ui/master/dist/w2ui.min.css"
т.е. href="" указывает на корневую папку сайта,
если в ней есть папка с css файлами с именем cssW
то доступ к файлам в ней будет таким
href="cssW/имя.css"
...
Рейтинг: 0 / 0
14.05.2017, 18:21
| Ответить | Цитировать | Написать  
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
    #39452804
HOME_X
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HOME_X
Участник
вадя,

Вроде так
...
Рейтинг: 0 / 0
14.05.2017, 19:53
| Ответить | Цитировать | Написать  
25 сообщений из 46, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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