要将表格数据保存到cookie并检索该表格及其数据，可以使用以下步骤和示例代码：

1. 将表格数据转换为JSON格式。
2. 使用JavaScript中的JSON.stringify()方法将JSON数据转换为字符串。
3. 使用JavaScript中的document.cookie属性将字符串数据保存到cookie中。
4. 要检索并使用保存的表格数据，可以使用JavaScript中的document.cookie属性来获取保存的cookie数据。
5. 使用JavaScript中的JSON.parse()方法将获取的cookie数据转换回JSON格式。
6. 使用检索到的JSON数据来恢复表格及其数据。

下面是一个示例代码：

  
  



  

    

      

        
Name
        
Age
      
    
    

      

        
John
        
25
      
      

        
Emily
        
30
      
    
  

  Save Table Data
  Retrieve Table Data

  

在上面的示例代码中，我们使用了jQuery库来处理表格数据和DOM操作。首先，我们定义了两个函数saveTableData()和retrieveTableData()来保存和检索表格数据。在saveTableData()函数中，我们遍历表格的每一行和每一列，将数据存储为JSON格式，并将其存储到cookie中。在retrieveTableData()函数中，我们从cookie中获取保存的数据，并将其转换回JSON格式，然后使用它来恢复表格及其数据。

请注意，cookie的大小是有限制的，通常限制在4KB左右。如果表格数据很大，可能需要考虑其他存储方法，如使用服务器端存储或浏览器本地存储（如localStorage或sessionStorage）。