Таблицы HTML / jQuery: Прокрутите по горизонтали, исправьте первый (левый) столбец

У меня есть таблица, в которой отображается столбец с именами тестов с несколькими (неограниченное количество) столбцов с различными тестовыми данными, связанными с тестами. Поскольку будет несколько наборов данных, я хочу ограничить количество, которое можно увидеть, и дать пользователю возможность прокручивать по горизонтали, чтобы отображать / скрывать различные наборы данных.

Принятый ответ на JQuery Эффект скольжения столбца таблицы имеет вид эффекта скольжения, который я ищу, но как исправить крайний левый столбец имен? Данных много, поэтому я не хочу клонировать две таблицы, как предлагалось в другом месте в Интернете.

Создание одной фиксированной таблицы для имен и одной прокручиваемой таблицы для результатов данных приблизилось, но высота строки зависит от объема полученных данных (в ячейке может быть несколько строк текста), поэтому выравнивание получается сброшено.

Кроме того, мне не нужна полоса прокрутки по умолчанию. У меня есть изображения стрелок влево / вправо, которые я буду использовать для управления прокруткой, как и в примере, который я опубликовал выше.

Я потратил около 4 часов на поиск ответов в StackOverflow и остальной части Интернета, но я не знаю: пока не нашел ничего подходящего ... любая помощь будет принята с благодарностью!

Edit: Абсолютное позиционирование левого столбца приводит к тому, что остальная часть таблицы смещается влево под левый столбец (скрывая первый столбец данных). Добавление «зеркального» столбца с тем же содержанием, что и первый столбец, работает нормально; проблема в том, что если в столбцах данных есть ячейки, которые выше, чем соответствующие ячейки с именем, ячейка с абсолютным именем не может увидеть этот факт и изменить размер. Мысли?

5
задан Brian Tompsett - 汤莱恩 16 December 2017 в 10:28
поделиться