Собственно ссылка: 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>
Почему данный код не работает, я уже всю голову сломал
tb
вместоtd
Не умею я пользоваться встроенным инструментом
- придется учиться. Ведь данный ресурс не консультация конкретно вас, а база знания для всех