@model IEnumerable<GODATA.Models.Report.ManageOwner>
@if (Model.Count() > 0 && Model != null)
{
    @(Html.Kendo().Grid(Model).Name("gridOwnerList").Events(e => e.DataBound("showReport")).Pageable(p=>p.Messages(message=>message.Display("{0} of {1}")).ButtonCount(2))
    .Scrollable(src => src.Height("600")).Selectable(selectable => selectable.Mode(GridSelectionMode.Single)).Columns(p =>
    {
        p.Bound(c => c.CustomerId).Hidden();
        p.Bound(c => c.CustomerState).Hidden();
        p.Bound(c => c.OwnerNameWithContactNo).Width(200);
    }).DataSource(dt => dt.Ajax().ServerOperation(true).Read("Customer_Pager", "Report", new
    {
        State = ViewData["State"],
        Value = ViewData["Value"],
        PageSize = ViewData["PageSize"]
    })
    .PageSize(20)))
}
else
{
    <div id="divNoDataFound_DRCRate" class="divNoDataFound no_data">
        <span>
            <p class="fs16">No Data Available!!!</p>

        </span>
    </div>
}
<script>
    //showOwnerDetails();
    //searchUser();
</script>
<style type="text/css">
    .Row1 {
        padding-left: 11px;
    }

    .LftPanel, .RgtPanel {
        cursor: pointer;
        font-size: 13px;
    }

    .listBox table tbody tr:hover {
        color: #114d97;
    }

    .listBox table tbody tr:nth-child(even) {
        padding: 2px 6px 2px 6px;
    }

    .userListContainer .Admin_Wrp {
        border-bottom: 1px solid #c5c5c5;
    }

    .SelectedRow {
        background-color: #f5f5f5;
    }

    #tableUserList .Admin_Wrp td {
        /*border-bottom: 1px solid #c5c5c5;*/
        background-color: #f5f5f5;
        border-bottom: 5px solid #fff;
    }

    #tableUserList tr:hover {
        background: #f5f5f5;
        cursor: pointer;
    }

    .Row2 {
        padding: 10px;
        line-height: 22px;
        background-image: url("/Content/css/images/user-list-icon.png");
        background-repeat: no-repeat;
        background-position: 95% center;
        padding-left: 20px;
    }

    .SelectedRow td {
        /*border-left: 5px solid #f00;*/
        box-shadow: 5px 0px 0 0px #f00 inset;
    }

    .emptyRow {
        line-height: 0;
        cursor: default;
        border-left: none !important;
    }
</style>