javascript - 在表中按升序显示新记​​录

标签 javascript jquery

在我的表中,当我使用 addRow() 方法时,我按以下顺序接收数据:




我想收到此订单

3.
2.
1.

这是我的方法 addRow()

function addRow(data){ 
                var row = '<tr>'+
                        '<td>'+ data.id +'</td>'+
                        '<td>'+ data.date_fault +'</td>'+
                        '<td>'+ data.institution +'</td>'+
                        '<td>'+ data.product_name +'</td>'+
                        '<td>'+ data.description_fault +'</td>'+
                        '<td>'+ data.serviceman +'</td>'+
                        '<td>'+ data.department +'</td>'+
                        '<td>'+ data.contact_details +'</td>'+
                        '<td>'+ data.created_at +'</td>'+
                        '<td>'+ '<label class="btn btn-danger" for="">Oczekuje</label>' +'</td>'+
                        '<td><button class="btn btn-success btn-show"><i class="fa fa-eye"></i></button>'+
                        '<button class="btn btn-primary mt-1 btn-edit"><i class="fa fa-pen"></i></button>'+
                        '<button class="btn btn-danger mt-1 btn-delete"><i class="fas fa-trash-alt"></i></button></td>'+
                        '</tr>';
                $('thead').append(row);
            }

感谢您的帮助!

最佳答案

您可以考虑使用prepend 而不是appendprepend 将子级附加到父级的顶部,因此最终顺序将根据需要进行:

3

2

1

以下是一些相关信息:Prepend

关于javascript - 在表中按升序显示新记​​录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52488065/

相关文章:

jQuery datepicker 从服务器端获取当前日期

javascript - 如何在同一个类名上添加不同的ID?

javascript - 为什么修改 array.slice() 也会改变原始数组?

javascript - IE 11 在页面加载后跳转到嵌入式谷歌地图

javascript - 函数返回不起作用

jquery - 将 Google map 加载到 Colorbox AJAX 加载的内容中

javascript - 使用history.pushState()更新URL中的参数

javascript - 当我在 cordova 应用程序中的 Android 设备中打开相机时,设备后退按钮代码不起作用

javascript - 在 JS 中等效于应用于 SVG 元素的调整大小的 css

javascript - 使用 JQuery 打开面板时移动焦点