在加载Datatable之前隐藏Gridview

<style>
    #gridviewId {
        display: none;
    }
</style>

<script>
    window.onload = function() {
        // 获取Gridview的数据
        var gridviewData = document.getElementById('gridviewId').innerHTML;

        // 创建一个新的HTML元素，用于显示Datatable
        var datatableContainer = document.createElement('div');
        datatableContainer.id = 'datatableContainerId';
        document.body.appendChild(datatableContainer);

        // 使用Datatable插件加载数据
        $('#datatableContainerId').html(gridviewData);
        $('#datatableContainerId').DataTable();
    }
</script>

<script>
    $(document).ready(function() {
        // 获取Gridview的数据
        var gridviewData = $('#gridviewId').html();

        // 创建一个新的HTML元素，用于显示Datatable
        var datatableContainer = $('<div id="datatableContainerId"></div>');
        $('body').append(datatableContainer);

        // 使用Datatable插件加载数据
        $('#datatableContainerId').html(gridviewData);
        $('#datatableContainerId').DataTable();
    });
</script>