display gridview control in pop up window

Try this

$(function () {

            modalPosition();

            $(window).resize(function () {

                modalPosition();

});

            $('.openModal').click(function (e) {

                $('.modal, .modal-backdrop').fadeIn('fast');

                e.preventDefault();

});

            $('.close-modal').click(function (e) {

                $('.modal, .modal-backdrop').fadeOut('fast');

});

});

        function modalPosition() {

            var width = $('.modal').width();

            var pageWidth = $(window).width();

            var x = (pageWidth / 2) - (width / 2);

            $('.modal').css({ left: x + "px" });

        }
Html

XHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
     ID="btn_open" runat="server" Text="Show Gridview" CssClass="openModal" />
    class="modal">
    class="modal-header">
        Student Details class="close-modal" href="#">×
    
    class="modal-body">
          ID="GridView1" runat="server" Height="100%" Width="100%">
        
       
    
    class="modal-footer">
         ID="btn_close" runat="server" Text="OK" CssClass="modalOK close-modal" />
    
class="modal-backdrop">
      
    



Refer:- display gridview in popup window using jquery