Hi all,
In my
jsp page im using display tag for displaying the list of iems.The problem is that i need to apply horizontal scroll bar when i apply more columns in it...I dont know where to apply.Can anyine help me out solving the issues...
The code below is my jsp Page which uses display tag to display items.
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
<%@ taglib prefix="display" uri="http://displaytag.sf.net"%>
<%@page import="com.rooster.hcmone.vo.EducationVO"%>
<%@page import="com.rooster.hcmone.vo.EmployeesVO"%>
<html>
<head>
<title><s:text name="label.header.education.name"/></title>
<sx:head cache="true"/>
</head>
<!-- include css here -->
<img id="indicatorEduList" src="${pageContext.request.contextPath}/resources/images/indicator.gif" alt="Loading..." style="display:none"/>
<s:set name="UniqueEduEmployeeId" value="edu.empIdObj.employeeId"></s:set>
<s:url id="remoteEduForm" value="/setUpEmpEducation.action">
<s:param name="edu.empIdObj.employeeId" value="#UniqueEduEmployeeId"></s:param>
</s:url>
<div class="submenu_bg">
<s:if test="#session.EDUCATION_ADD==true">
<sx:a href="%{remoteEduForm}" indicator="indicatorTabs" targets="tabEdu" cssClass="link"><s:text name="label.header.education.add"/></sx:a>
</s:if>
</div>
<br />
<jsp:include page="/resources/jsp/common/messages.jsp" flush="true"/>
<div class="informationMessageSingle"><li><span><s:text name="label.title.education.list"/></span></li></div>
<s:set name="NO_OF_RECORDS" value="#session.NO_OF_RECORDS"></s:set>
<s:text name="label.header.common.empName" var="HEmployeeName"/>
<s:text name="label.header.education.major" var="HMajor"/>
<s:text name="label.header.education.year" var="HYear"/>
<s:text name="label.header.education.grade" var="HGrade"/>
<s:text name="label.header.common.startDate" var="HStartdate"/>
<s:text name="label.header.common.enddate" var="HEnddate"/>
<s:text name="label.header.education.univ" var="HUniversity"/>
<s:text name="label.header.education.degree" var="HDegree"/>
<s:if test="#session.EDUCATION_UPDATE==true">
<th><s:text name="label.header.common.edit" var="HEdit"/></th>
</s:if>
<s:if test="#session.EDUCATION_DELETE==true">
<th><s:text name="label.header.common.delete" var="HDelete"/></th>
</s:if>
<display:table class="tableborder" id="eduListId" name="eduList" pagesize="${NO_OF_RECORDS}" requestURI="" sort="list" defaultsort="1" defaultorder="ascending" export="true">
<%
try
{
String sEmpId=((EducationVO)pageContext.getAttribute("eduListId")).getEmpIdObj().getEmployeeId().toString();
request.setAttribute("sEmployeeId",sEmpId);
String sEduId=((EducationVO)pageContext.getAttribute("eduListId")).getEmpEducationId().toString();
request.setAttribute("sEducationId",sEduId);
}
catch(NullPointerException ne){
}
%>
<display:column property="empIdObj.empFirstName" title="${HEmployeeName}" sortable="false" headerClass="sortable"/>
<display:column property="eduMajor" title="${HMajor}" sortable="false" headerClass="sortable"/>
<display:column property="eduYear" title="${HYear}" sortable="false" headerClass="sortable"/>
<display:column property="eduGrade" title="${HGrade}" sortable="false" headerClass="sortable"/>
<display:column property="eduStartDate" title="${HStartdate}" format="{0,date,MM-dd-yyyy}" sortable="false" headerClass="sortable"/>
<display:column property="eduEndDate" title="${HEnddate}" format="{0,date,MM-dd-yyyy}" sortable="false" headerClass="sortable"/>
<display:column property="eduUniversity" title="${HUniversity}" sortable="false" headerClass="sortable"/>
<display:column property="eduDegree" title="${HDegree}" sortable="false" headerClass="sortable"/>
<s:if test="#session.EDUCATION_UPDATE==true">
<display:column title="${HEdit}" class="viewedit" media="html">
<s:url id="setUpEmpEducationSingle" action="setUpEmpEducationSingle">
<s:param name="edu.empIdObj.employeeId" value="#request.sEmployeeId"></s:param>
<s:param name="edu.empEducationId" value="#request.sEducationId"/>
</s:url>
<sx:a href="%{setUpEmpEducationSingle}" targets="tabEdu" indicator="indicatorEduList"><s:text name="label.common.link.edit"/></sx:a>
</display:column>
</s:if>
<s:if test="#session.EDUCATION_DELETE==true">
<display:column title="${HDelete}" class="viewedit" media="html">
<s:url id="deleteEmpEducation" action="deleteEmpEducation">
<s:param name="edu.empIdObj.employeeId" value="#request.sEmployeeId"></s:param>
<s:param name="edu.empEducationId" value="#request.sEducationId"/>
</s:url>
<sx:a href="%{deleteEmpEducation}" targets="tabEdu" indicator="indicatorEduList"><s:text name="label.common.link.delete"/></sx:a>
</display:column>
</s:if>
</display:table>
</html>