<div id="OverAllOverDueDoc" ej-grid e-datasource="OverAllOverDueDocList"
                 e-allowfiltering="true"  e-allowpaging ="true"
                 e-filtersettings-filterType="excel">
                <div e-columns>
                    <div e-column e-field="CompanyName" e-headertext="Company" e-tooltip="Company" e-width="80"></div>
                    <div e-column e-field="PlantName" e-headertext="Plant" e-width="80"></div>
                    <div e-column e-field="" e-headertext="Candidate Id" e-width="80"></div>
                    <div e-column e-field="EmployeeCode" e-headertext="Employee Code" e-width="80"></div>
                    <div e-column e-field="BudgetCode" e-headertext="Budget Code" e-width="80"></div>
                    <div e-column e-field="EmployeeName" e-headertext="Employee Name" e-width="80"></div>
                    <div e-column e-field="EmployeeCategory" e-headertext="Emp Category" e-tooltip="Employee Category" e-width="80"></div>
                    <div e-column e-field="Designation" e-headertext="Designation" e-width="80"></div>
                    <div e-column e-field="DOJ" e-headertext="DOJ" e-width="80" e-tooltip="Date of Join"></div>
                    <div e-column e-field="TotalOverDueMandatory" e-headertext="Mandtatory" e-tooltip="Mandatory Document" e-width="80"></div>
                    <div e-column e-field="TotalOverDueOptional" e-headertext="Optional" e-tooltip="Optional Document" e-width="80"></div>

                </div>
            </div>