如何通过更改<div>标记中的内容在不同视图之间切换

Question

我有不同的视图（网格和列表）。我使用datatable作为列表视图但数据表功能不起作用。我正在使用ajax刷新div标签中的内容。

    $('#grid').click(function(){
        $('#searchBar').show();
        $.ajax({
            type:'GET',
            url:'/refreshList',
            dataType: 'HTML',
            success:function(html){
                $('#body').html(html);
            },
            error:function(){
            }
        });
    });

In my another list view file

    <table class="table display nowrap" cellspacing="0" width="100%" id="main-table">
    <thead>
    <tr>
       <th></th>
    </tr>
    </thead>
    <tbody>
   <td></td>
            </tr>
    </tbody>
</table>
    <script>
        $(document).ready(function(){
            $('#main-table').DataTable({
                "responsive": true
            });
        });
    </script>

我将刷新此表的div替换内容，但它显示没有数据表功能。 ps.written in 2 different file。