M4Q append td

[KlumsD]

Hi Olton,

Describe the bug $("< td>td content< /td>"); is not returning an HTMLElement.

To Reproduce https://codepen.io/KlumsD/pen/jOLrwbd Adding js generated td to a table. if empty,

it is added. if not empty, it isn't added.

Same for < tr>

Expected behavior It should work as the < p > exemple here : https://metroui.org.ua/m4q-manipulation.html

Screenshots

Desktop (please complete the following information):

• OS: Win
• Browser Firefox
• Metro Version v4.5.0

Thanks !

Best Regards

[xscode-auto-reply[bot]]

Thanks for opening a new issue. The author has been notified and will review it as soon as possible. For urgent issues and priority support, visit https://xscode.com/olton/Metro-UI-CSS or Patreon

[KlumsD]

Hi Olton,

I've found this issue on StackOverflow which explain the problem of <tr> <td> etc.

Searching the subject, I found a neat workaround solution with great browser compatibility: insertAdjacentHTML

Cool Stacks about the same subject :

• https://stackoverflow.com/questions/6304453/javascript-append-html-to-container-element-without-innerhtml
• https://stackoverflow.com/questions/7327056/appending-html-string-to-the-dom
• https://stackoverflow.com/questions/1387433/fastest-way-to-append-html-content-to-a-div-using-javascript

Mozilla Doc:

• https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML

Ex : document.getElementById('tableBody').insertAdjacentHTML('beforeend', trElement);

Best Regards