Actually link: jsfiddle

$("#sends-table-body").append("<tr><tb>76561198313642312</tb><tb>20</tb><tb>2017-12-02 04:12:57</tb></tr>)); 
  table.responsive-table { width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative } table.responsive-table td:empty:before { content: '\00a0' } table.responsive-table td, table.responsive-table th { margin: 0; vertical-align: top } table.responsive-table th { text-align: left } table.responsive-table thead { display: block; float: left } table.responsive-table thead tr { display: block; padding: 0 10px 0 0 } table.responsive-table thead tr th::before { content: "\00a0" } table.responsive-table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap } table.responsive-table tbody tr { display: inline-block; vertical-align: top } table.responsive-table th { display: block; text-align: right } table.responsive-table td { display: block; min-height: 1.25em; text-align: left } table.responsive-table tr { padding: 0 10px } table.responsive-table thead { border: 0; border-right: 1px solid #d0d0d0 } table.responsive-table.bordered th { border-bottom: 0; border-left: 0 } table.responsive-table.bordered td { border-left: 0; border-right: 0; border-bottom: 0 } table.responsive-table.bordered tr { border: 0 } table.responsive-table.bordered tbody tr { border-right: 1px solid #d0d0d0 } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table id="sends-table" class="responsive-table"> <thead> <tr> <th data-lang="account_sends_user">Пользователь</th> <th data-lang="account_sends_value">Стоимость</th> <th data-lang="account_sends_date">Дата</th> </tr> </thead> <tbody id="sends-table-body"><tr></tr></tbody> </table>

Why this code does not work, I already broke my whole head

Closed due to the fact that off-topic participants Igor , LorDo , Alexey Shimansky , Suvitruf ♦ , D-side 2 Dec '17 at 18:55 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • “Questions asking for help with debugging (“ why does this code not work? ”) Should include the desired behavior, a specific problem or error, and a minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, self-sufficient and reproducible example . " - LorDo, Alexey Shimansky, D-side
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • 3
    This question should be closed, because SO has its own tool for creating examples that reproduce the problem that the author is trying to solve. Not to mention the fact that "I broke my head" says nothing to me. - Igor
  • Go and see you religion forbids? I do not know how to use the built-in tool - LorDo
  • badly broken, no quotes at the end, an extra bracket, and tb instead of td - teran
  • one
    @LorDo earning 300 reputation points, it was possible to learn at least to insert links normally - Igor
  • one
    @LorDo Не умею я пользоваться встроенным инструментом - I have to learn. After all, this resource is not a consultation specifically for you, but a knowledge base for all - Alexey Shimansky

1 answer 1

change to:

 $("#sends-table-body").append("<tr><td>76561198313642312</td><td>20</td><td>2017-12-02 04:12:57</td></tr>");

First, replace the tb tag with td, and second, they forgot to close the quote.