sky-sky

Newbie
  • Content count

    7
  • Joined

  • Last visited

Community Reputation

0 Обычная

About sky-sky

  • Rank
    Новичок

Information

  • Sex
    мужской
  1. Да проблема рассинхронизации заголовка и основной части таблицы решена, но теперь я не могу регулировать высоту таблицы. Получается при изменении разрешения меняется вся страницы и скролл действует целиком на нее, Но пользователь должен видеть несколько последних введенных строк, и внизу таблицы находятся поля для ввода данных, которые он тоже должен видеть в таблице Сами таблицы могут иметь сотни записей.
  2. https://jsfiddle.net/alex_romanov/e1La6tso/#&togetherjs=CiDcpQS5Sd Как привязать заголовок таблицы к ее основной части при скроллинге и уменьшении разрешения браузера При уменьшении появляются 2 скроллинга, как и задумано, так как таблицы в основном большие, но уменьшается до определенного момента, а затем заголовок фиксируется, а информационная часть уменьшается в свою область. Как это можно исправить? Пытался придумать и для адаптации размеры ширины, но ничего не получается, подскажите что исправить.
  3. Если указываю что нужно брать плагины по сети, тогда все работает, но у меня приложение должно работать автомномно, поэтому все плагины располагаю локально, может быть я не правильно указываю как их читать, как это должно быть? Я скачивал последние версии, из официальных источников Решил следующим образом. Для начала указал ссылку из сети. Затем браузером открыл исходный код, в нем перешел по ссылке и мне было показано содержимое плагина jquery.tablesorter.min.js, я скопировал код и отредактировал локальный файл. Только пришлось с этим файлом так поступить, хотя я скачивал ранее с офф. сайта версию jquery.tablesorter.min.js, при этом несколько раз и она почему то не работает. Вот как теперь у меня подключено. <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/style-v2.css" /> <script type="text/javascript" src="plugin/jquery-3.3.1.js"></script> <script type="text/javascript" src="plugin/jquery.tablesorter.min.js"></script> <script type="text/javascript" src="jquery.floatThead.min.js"></script> <meta charset="utf-8" /> </head> Спасибо за помощь. А почему скачанное с офф.сайта не работает, это обычная практика, разве следят только за версиями которые расположены на ресурсах CDN ?
  4. Я исправил js, но ничего не получается. У вас в песочнице все работает, хоть и невидно, как вы подключили плагины. Может плагины не подключаются ? $(window).on("load resize", function () { var scrollWidth = $(".tbl-content").width() - $(".tbl-content table").width(); $(".tbl-header").css({ "padding-right": scrollWidth }); }).resize(); $(document).ready(function () { $(".tablesorter").tablesorter({ sortList: [[0, 0], [1, 0]] }); } ); а вот так подключил плагины <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/style-v2.css" /> <script type="text/javascript" src="plugin/jquery-3.3.1.js"></script> <script type="text/javascript" src="plugin/jquery.tablesorter.js"></script> <meta charset="utf-8" /> </head> <body> ....... </div> <script type="text/javascript" src="js/script.js"></script> </body> </html> Как это можно проверить?
  5. Попробовал создать сортировку в таблице, как это указано в примере, не она не работает в обоих таблицах и нет кнопок для сортировки как это показано в примере? index.html сss js в чем ошибка и почему кнопки сортировки не видны ? WebSite-scroll-horizontal-vertical.rar
  6. Я создал таблицу с вертикальной и горизонтальной прокруткой. Основной блок назначил - display: flex; 1. У меня принудительно стали переносится слова на другую строку ( я думал они будут переносится только при изменении разрешения) 2. Не знаю как поднять заголовок на верх таблицы (то есть в основной блок - там где синяя полоса), чтобы заголовок был неподвижен, а таблица прокручивалась. 3. Чтобы слова в ячейках автоматически переносились только тогда, когда меняется ширина экрана? index