单击按钮即可将表格添加到另一个表格的顶部

，这是一种常见的前端开发需求，可以通过以下步骤实现：

首先，需要在前端页面中创建两个表格，一个是源表格，另一个是目标表格。可以使用HTML的table标签来创建表格结构。
在源表格中添加一个按钮，可以使用HTML的button标签，并为按钮添加一个点击事件的监听器。
在点击事件的处理函数中，获取源表格中的数据。可以使用JavaScript的DOM操作来获取表格的数据，例如使用document.getElementById()方法获取表格元素，再使用table.rows获取表格的行，使用row.cells获取行中的单元格。
将获取到的数据添加到目标表格的顶部。可以使用JavaScript的insertRow()方法在目标表格的顶部插入一行，再使用insertCell()方法在行中插入单元格，最后使用innerHTML属性设置单元格的内容。
最后，可以使用CSS样式对表格进行美化，例如设置表格的边框、背景色等。

在腾讯云的产品中，可以使用腾讯云的云开发服务来实现前端开发和后端开发的一体化。云开发提供了云函数、数据库、存储等功能，可以方便地进行前后端交互和数据存储。具体可以参考腾讯云云开发产品介绍：https://cloud.tencent.com/product/tcb