display : 바닥 글이 테이블 상단에 표시됩니다.

Question

displaytag를 사용하여 테이블 코드를 붙여 넣습니다. 제 문제는 footer이 테이블 상단에 표시되어 있으며 CSS를 사용하더라도 botton에 넣을 수는 없습니다.

테이블 주위의 양식과 스프링 웹 플로우를 사용하고 있습니다. 그것은 약간의 갈등을 피할 수 있었느냐?? 그렇다면 어떻게 해결할 수 있습니까? 도움이 필요하시면 정말 감사하겠습니다.

<form:form method="POST" id="tableForm"> 
    <display:table id="row" name="displayTagValueList" requestURI="overview?_eventId=tableAction"> 
     <display:setProperty name="paging.banner.item_name" value="Thread"/> 
     <display:setProperty name="paging.banner.items_name" value="Threads"/> 
     <display:setProperty name="paging.banner.group_size" value="5"/> 
     <display:setProperty name="basic.msg.empty_list" value="No threads found."/> 

     <display:setProperty name="paging.banner.full" value='<span class="pagelinks"><a href="{1}">&lt;&lt;First</a>&nbsp;&nbsp;<a href="{2}">&lt;Prev</a>&nbsp;&nbsp;{0}&nbsp;&nbsp;<a href="{3}">Next&gt;</a>&nbsp;&nbsp;<a href="{4}">Last&gt;&gt;</a></span>'/> 
     <display:setProperty name="paging.banner.first" value='<span class="pagelinks">&lt;&lt;First&nbsp;&nbsp;&lt;Prev&nbsp;&nbsp;{0}&nbsp;&nbsp;<a href="{3}">Next&gt;</a>&nbsp;&nbsp;<a href="{4}">Last&gt;&gt;</a></span>'/> 
     <display:setProperty name="paging.banner.last" value='<span class="pagelinks"><a href="{1}">&lt;&lt;First</a>&nbsp;&nbsp;<a href="{2}">&lt;Prev</a>&nbsp;&nbsp;{0}&nbsp;&nbsp;Next&gt;&nbsp;&nbsp;Last&gt;&gt;</span>'/> 


     <display:column title=""> 
      <form:checkbox path="chosenIds" value="${row.id}"/> 
     </display:column> 

     <display:column title="Some title" > 
      <c:out value="${row.someValue}"/> 
     </display:column> 

     <display:footer> 
      <div class="tableFooter" > 
       <input type='checkbox' name='checkall' onclick='checkedAll(tableForm);'> select all 
       <input type="submit" name="_eventId_someTransitions" value="Send" /> 
      </div> 
     </display:footer> 
    </display:table> 
    </form:form> 

Answer 1

분명히 display : footer 태그 안에 테이블이 있어야합니다. <div> 태그는 tfoot에 포함되어 있지 않습니다. 그래서 해결책은

<display:footer> 
       <tr> 
        <td class="footerColumn"><input type='checkbox' name='checkall' onclick='checkedAll(tableForm);'> select all 
        <td class="footerColumn"><input type="submit" name="_eventId_someTransitions" value="Send" /></td> 
        <td class="footerColumn"></td> 
        <td class="footerColumn"></td> 
        <td class="footerColumn"></td> 
        <td class="footerColumn"></td> 
        <td class="footerColumn"></td> 
        <td class="footerColumn"></td> 
        <td class="footerColumn"></td> 
        <td class="footerColumn"></td> 
       <tr> 
     </display:footer> 

내가 클래스 (스타일 만 blackground에 색) <tr>에 선언 된 경우 스타일은 복용하지 않는 것이 또한 매우 억세스 할수 찾을 수 있었다.

게다가 내 테이블에 10 개의 열이 있으므로 1<td>을 선언해야하며 모든 열은 해당하는 꼬리말 witdh를 사용합니다. 나는 봤지만 아무것도 찾지 못했습니다. 스타일과 더 독립적으로 플레이 할 수있는 방법이 있습니까? 스타일은 테이블 인스턴스에서 상속됩니다.