Dynamically bind GridView inside Modal Popup based on Button clicked using jQuery in ASP.Net

Hi abmk,

I have created a sample which full fill your requirement

HTML

<div>
    <div id="dialog" style="display: none">
        <asp:GridView ID="gvDetails" runat="server" />
    </div>
    <br />
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <asp:Button ID="btnCustomers" Text="Customers" CssClass="btn btn-primary" OnClick="DisplayDetails"
                    runat="server" />
            </td>
            <td>
                <asp:Button ID="btnEmployees" Text="Employees" CssClass="btn btn-primary" OnClick="DisplayDetails"
                    runat="server" />
            </td>
        </tr>
    </table>
</div>
<div>
    <script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
    <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css"
        rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        function ShowPopUp(setTitle) {
            $(function () {
                $('#dialog').dialog({
                    title: setTitle,
                    modal: true,
                    buttons:
        {
            Close: function () {
                $(this).dialog('close');
            }
        },
                    width: 400,
                    height: 400
                });
            });
        };
    </script>
</div>

C#

protected void DisplayDetails(object sender, EventArgs e)
{    
    string setTitle = (sender as Button).Text;
    DataTable dt = new DataTable();
    if (setTitle.ToUpper() == "CUSTOMERS")
    {
        dt = BindGrid("SELECT TOP 5 CustomerID,ContactName,City,Country FROM Customers");
    }
    else
    {
        dt = BindGrid("SELECT TOP 5 [EmployeeID],[LastName],[FirstName],[City],[Country] FROM [Employees]");
    }
    gvDetails.DataSource = dt;
    gvDetails.DataBind();
    ClientScript.RegisterStartupScript(this.GetType(), "Popup", "ShowPopUp('" + setTitle + "');", true);
}

public DataTable BindGrid(string query)
{
    string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
    SqlConnection con = new SqlConnection(constr);
    SqlCommand cmd = new SqlCommand(query, con);
    SqlDataAdapter sda = new SqlDataAdapter(cmd);
    DataTable dt = new DataTable();
    sda.Fill(dt);
    return dt;
}

ScreenShot