Как добавить строку Dynami c с Rowspan в таблице с JavaScript - PullRequest
Новая
       32

Как добавить строку Dynami c с Rowspan в таблице с JavaScript

1 голос
/ 14 января 2020

У меня есть 2 кнопки добавления. Сначала добавьте кнопку в заголовок, нажмите эту кнопку, чтобы добавить 1 новую строку. Вторая кнопка добавления в таблицу (например, изображение в моем сообщении), нажмите эту кнопку, чтобы добавить новую строку, такую ​​как изображение моего сообщения. Я хочу добавить строку в таблицу, такую ​​как изображение ниже, но я еще не подумал о решении. Надеюсь получить вашу помощь!

Просмотреть изображение здесь

Ответы [ 2 ]

1 голос
/ 14 января 2020

Метод insertRow() позволяет добавлять строки в <table> и возвращает ссылку на новую строку. Добавить это в onClick() функцию должно быть просто! :)

Вот соответствующая информация на сайте Mozilla .

0 голосов
/ 14 января 2020

Чтобы решить эту проблему, вы должны добавить новую таблицу внутри td, например: 

function addNewRow() {
    let table = document.getElementById("add");
    table.innerHTML  += '<table><tr><td><b>This is a test</b></td></tr></table>';
}
  <html>
      <body>
          <button onclick="addNewRow()">Add</button>
          <table id='my-table'>
              <tr>
                  <td>This is one td</td>
                  <td id='add'>This is another td</td>
              </tr>
          </table>
      </body>

  </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...