Но для доступа к данным изнутри html тегов таблицы <table>и отображения их вне таблицы - PullRequest
Новая
       91

Но для доступа к данным изнутри html тегов таблицы <table>и отображения их вне таблицы

0 голосов
/ 06 августа 2020

Я создаю форму HTML и использую таблицу внутри формы. Данные отлично отображаются внутри формы, но я хочу получить доступ к некоторым данным из таблицы и отобразить их вне тега таблицы, как я могу это сделать? Ваша помощь очень ценится

Данные на странице отображаются следующим образом:

this is how the table looks

But I want something like this: Access one of the columns out side table tags like this

<!DOCTYPE html>

 
<!-- CSS only -->

1 Ответ

1 голос
/ 06 августа 2020

В приведенном примере кода я не видел кода JS, но включает jQuery и popper. js, поэтому я предполагаю, что попыток не предпринималось, мы можем пересмотреть ответ, если вы уже что-то пытались и улучшите его.

Есть несколько способов сделать это, но один из них может быть:

  1. Установить идентификаторы в заголовке таблицы, например: <th id='retro-bonus'...>
  2. Setup сценарий, который запускается при загрузке документа
  3. Установите div или другой элемент до таблицы
  4. вы можете получить element.innerText или element.innerHTML (если вам нужно форматирование ) в вашем скрипте, где element - это th.
  5. установите innerHTML или innerText вашего div

Если у вас есть больше элементов, установите больше соответствующие div. Если вам нужно, чтобы они располагались в верхней части каждого столбца в определенном месте, это становится непросто, но может быть выполнено с помощью чего-то вроде сетки css.

Сообщите нам, как это происходит.

...