Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов / 25 сообщений из 46, страница 1 из 2
12.05.2017, 14:44
    #39452151
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
Доброго дня господа !

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

А ещё jsfiddle.net не смог проглотить мой вариант, поэтому прикладываю архив.
...
Рейтинг: 0 / 0
13.05.2017, 12:58
    #39452521
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
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, 14:03
    #39452541
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
user89HOME_X,

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

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


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

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

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

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

А вот здесь, много хороших компонент выложили http://www.sql.ru/forum/1250836-a/besplatnye-i-nekommercheskie-ui-freymvorki
Мне понравился W2UI, наш случай в разделе Frozen Columns
Когда поджимают сроки, уже и готовый плагин не стыдно использовать
...
Рейтинг: 0 / 0
14.05.2017, 10:21
    #39452679
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
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, 13:27
    #39452714
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
HOME_XВы правы - простой объект и без лишных наворотов
странный ты.
Ты сетовал на минимум чужого кода в проекте.
Я тебе дал код просто плагина-таблицы без фреймворка.
Ты кинулся на полноценный крупный фреймворк с тысячей компонентов.
...
Рейтинг: 0 / 0
14.05.2017, 13:50
    #39452718
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
HOME_X,

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

Ну а если ВСЕ находиться в одном каталоге ?
(запускаю без 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:07
    #39452761
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
Petro123странный ты...


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

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

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


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

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

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

Загрузил с ВСЕ сети - включил отладчик (F12) - включил сбор сетевых данных
выгрузил ВСЕ файлы поочередно с IE на локальный диск
Выполнил с диска - ошибка .. ????
...
Рейтинг: 0 / 0
14.05.2017, 18:21
    #39452783
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
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, 19:53
    #39452804
HOME_X
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Table с фискацией шапки и 1-ой колонки + изменение ширины столбцов
вадя,

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


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