<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="employee_information.aspx.cs" Inherits="HRMS.HR.People.employee_information" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div class="main-panel">
    <div class="row">
        <div class="col-md-12">
            <section class="panel">
                <header class="panel-heading" style="padding-bottom:30px">
                           <span class="label label-primary">Employee Contact Information</span>
                    
                    
                </header>

                <div class="panel-body">
                
                <asp:GridView ID="grd" runat="server" AutoGenerateColumns="False" cellpadding="0" border="0" class="display">
                    <Columns>
                        <asp:BoundField HeaderText="Employee Name" DataField="FULL_NAME" />
                        <asp:BoundField HeaderText="Gender" DataField="SEX" />
                         <asp:BoundField HeaderText="CNIC" DataField="NATIONAL_IDENTIFIER" />
                        <asp:BoundField HeaderText="Organization" DataField="ORG" />
                        <asp:BoundField HeaderText="Position" DataField="position" />
                        <asp:BoundField HeaderText="Nationality" DataField="Nationality" />
                    </Columns>
                    <%-- Mandatory--%>
                    <RowStyle CssClass="rowStyle"/>
                   <%-- Mandatory--%>
                    <HeaderStyle CssClass="headerStyle" />
                   <%-- optional--%>
                   <FooterStyle  CssClass="footerStyle"  />
                </asp:GridView>
            <script src="/ThemeScrips/Datatables/media/js/jquery.js" type="text/javascript"></script>
            <script src="/ThemeScrips/Datatables/media/js/jquery.dataTables.min.js" type="text/javascript"></script>
            <script src="/ThemeScrips/Datatables/media/js/jquery.dataTables.js" type="text/javascript"></script>
            <script src="/ThemeScrips/Datatables/media/js/GridviewFix.js" type="text/javascript"></script>
            <script type="text/javascript">
                //without passing class names.
                $("#ContentPlaceHolder1_grd").GridviewFix().dataTable();
                //Passing class names
            </script>

                </div>
            </section>
        </div>
    </div>
</div>
</asp:Content>
