要实现Ajax不刷新数据表格，可以使用以下方法：

1. 使用jQuery的ajax()方法发送异步请求，并在成功回调函数中更新数据表格。

// HTML部分

  

    

      
列1
      
列2
      
列3
    
  
  

    

      
Data 1
      
Data 2
      
Data 3
    
  


// JavaScript部分
$(document).ready(function() {
  // 定义更新数据表格的函数
  function updateTable(data) {
    var $table = $('#data-table');
    
    // 清空表格内容
    $table.find('tbody').empty();
    
    // 添加新的行
    $.each(data, function(index, item) {
      var row = '' + item.column1 + '' + item.column2 + '' + item.column3 + '';
      $table.find('tbody').append(row);
    });
  }
  
  // 监听按钮的点击事件
  $('#refresh-btn').click(function() {
    // 发送异步请求
    $.ajax({
      url: 'your-api-url',
      type: 'GET',
      success: function(response) {
        // 更新数据表格
        updateTable(response);
      }
    });
  });
});

2. 使用Vue.js或React等前端框架来实现组件化和数据驱动的方式更新数据表格。

// Vue.js示例
// HTML部分

  

    

      

        
列1
        
列2
        
列3
      
    
    

      

        
{{ item.column1 }}
        
{{ item.column2 }}
        
{{ item.column3 }}
      
    
  
  刷新


// JavaScript部分
new Vue({
  el: '#app',
  data: {
    data: []
  },
  mounted() {
    this.refresh(); // 初始化时刷新数据表格
  },
  methods: {
    refresh() {
      // 发送异步请求
      axios.get('your-api-url')
        .then(response => {
          this.data = response.data; // 更新数据表格
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
});

以上是两种常用的不刷新数据表格的解决方法，你可以根据自己的需求选择适合的方式来实现。