display gridview control in pop up window

Question

I want to display gridview control in pop up window using jQuery. Please help me. I don't want jQuery UI

Joginder Banger · Answer

Hi Radika this is not difficult stuff use the Jquery Dialog function. Dialog function display your data on pop window like you want. Jquery reference Make a simple Div like //Place your Grid view here $( document ).ready(function() { $( #gridviewDIv ).dialog(); }); -jsb

Ramesh kumar · Answer

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 = # > &times; 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