Pass (Insert) Selected GridView rows from one GridView to another using jQuery

Here I have created sample that will help you out.

HTML

<div>
    <style type="text/css">
        .Dummy
        {
            display: none;
        }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            SetEmptyMessage();
            $('#btnMovetoAssigned').bind('click', function () {
                var selected = $('[id$=gvMaster] tr td input[type=checkbox]:checked');
                if (selected.length > 0) {
                    $(selected).each(function () {
                        var appendRow = $('[id$=gvAssigned] tr.Dummy').clone(true);
                        var row = $(this).closest('tr');
                        $(appendRow).find('td').eq(1).html($(row).find('td').eq(1).html());
                        $(appendRow).find('td').eq(2).html($(row).find('td').eq(2).html())
                        $(appendRow).find('td').eq(3).html($(row).find('td').eq(3).html())
                        $(row).remove();
                        $(appendRow).find('td').find('input[type=checkbox]').removeAttr('CHECKED');
                        $(appendRow).removeClass('Dummy');
                        $("[id$=gvAssigned]").append(appendRow);
                    });
                }
                SetEmptyMessage();
                return false;
            });

            $('#btnMoveToMaster').bind('click', function () {
                var selected = $('[id$=gvAssigned] tr td input[type=checkbox]:checked');
                if (selected.length > 0) {
                    $(selected).each(function () {
                        var appendRow = $('[id$=gvMaster] tr.Dummy').clone(true);
                        var row = $(this).closest('tr');
                        $(appendRow).find('td').eq(1).html($(row).find('td').eq(1).html());
                        $(appendRow).find('td').eq(2).html($(row).find('td').eq(2).html())
                        $(appendRow).find('td').eq(3).html($(row).find('td').eq(3).html())
                        $(row).remove();
                        $(appendRow).find('td').find('input[type=checkbox]').removeAttr('CHECKED');
                        $(appendRow).removeClass('Dummy');
                        $("[id$=gvMaster]").append(appendRow);
                    });
                }
                SetEmptyMessage();
                return false;
            });
        });

        function SetEmptyMessage() {
            if ($('[id$=gvAssigned] td').closest('tr').not('.Dummy').length == 0) {
                var colspan = $('[id$=gvAssigned] th').length;
                $('[id$=gvAssigned]').append('<tr class="empty"><td colspan=' + colspan + '>No records were found</td></tr>');
            } else {
                $('[id$=gvAssigned]').find('.empty').remove();
            }

            if ($('[id$=gvMaster] td').closest('tr').not('.Dummy').length == 0) {
                var colspan = $('[id$=gvMaster] th').length;
                $('[id$=gvMaster]').append('<tr class="empty"><td colspan=' + colspan + '>No records were found</td></tr>');
            } else {
                $('[id$=gvMaster]').find('.empty').remove();
            }
        }               
    </script>
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <asp:GridView ID="gvMaster" HeaderStyle-BackColor="#3AC0F2" HeaderStyle-ForeColor="White"
                    runat="server" AutoGenerateColumns="false">
                    <Columns>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:CheckBox ID="chkMaster" runat="server" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:BoundField DataField="Id" HeaderText="Id" ItemStyle-Width="30" />
                        <asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
                        <asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="150" />
                    </Columns>
                </asp:GridView>
            </td>
            <td align="center">
                &nbsp;&nbsp;&nbsp;&nbsp;<asp:Button ID="btnMovetoAssigned" Text=">" runat="server" />
                <br />
                <br />
                &nbsp;&nbsp;&nbsp;&nbsp;<asp:Button ID="btnMoveToMaster" Text="<" runat="server" />
            </td>
            <td>
                <asp:GridView ID="gvAssigned" HeaderStyle-BackColor="#3AC0F2" HeaderStyle-ForeColor="White"
                    runat="server" AutoGenerateColumns="false">
                    <Columns>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:CheckBox ID="chkAssigned" runat="server" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:BoundField DataField="Id" HeaderText="Id" ItemStyle-Width="30" />
                        <asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
                        <asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="150" />
                    </Columns>
                </asp:GridView>
            </td>
        </tr>
    </table>
</div>

Code

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        BindMaster();
        BindAssigned();
    }
}

private void BindMaster()
{
    DataTable dt = new DataTable();
    dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),
                        new DataColumn("Name", typeof(string)),
                        new DataColumn("Country",typeof(string)) });
    dt.Rows.Add(); // Dummy Row
    dt.Rows.Add(1, "John Hammond", "United States");
    dt.Rows.Add(2, "Mudassar Khan", "India");
    dt.Rows.Add(3, "Suzanne Mathews", "France");
    dt.Rows.Add(4, "Robert Schidner", "Russia");
    gvMaster.DataSource = dt;
    gvMaster.DataBind();
    gvMaster.Rows[0].CssClass = "Dummy";
}

private void BindAssigned()
{
    DataTable dt = new DataTable();
    dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),
                        new DataColumn("Name", typeof(string)),
                        new DataColumn("Country",typeof(string)) });
    dt.Rows.Add();// Dummy Row
    dt.Rows.Add(6, "David", "USA");
    gvAssigned.DataSource = dt;
    gvAssigned.DataBind();
    gvAssigned.Rows[0].CssClass = "Dummy";
}

Screenshot