테이블의 고정 된 분할 자

텍스트가 늘어남에 따라 구분선을 고정하지 못하는 것처럼 테이블에 문제가 있습니다. 텍스트가 길어지면 디바이더를 몇 픽셀만큼 이동시킵니다. 나는 당신이 볼 수있는 몇 가지 스크린 샷을 게시 할 것입니다. 테이블의 고정 된 분할 자

Screenshot

에 텍스트를 추가 한 후 :

Screenshot

은 다음과 같이된다. 저와 함께 저를 도울 수있는 사람이 있습니까? Btw 이것은 내 코드입니다

<table border="2" style='overflow:scroll' height=50px > 
     <th width=100px nowrap>Username</th> 
     <th width=100px nowrap>Email</th> 
</table> 
     <div style="height: 200px; overflow: scroll; width: 100%;"> 
<table border="2" style='overflow:scroll' height=200px >  
    <g:each in="${result}" > 
    <tr> 
     <td width=100px nowrap style='overflow:hidden'>${it.username}aaaaaaaa</td> 
     <td width=100px nowrap style='overflow:hidden'>${it.email}</td> 
    </tr>  
     </g:each> 
</table>

하단 스크롤 막대도 제거하고 싶었지만 숨길 수는 없었습니다.

출처

2012-11-05 user1681961

1) 하단의 스크롤 변화 오버 플로우를 제거하려면 : 폭 문제를 해결하거나 권장하는 스타일 속성()에 TD의 폭 속성을 넣으려면 overflow-y:scroll 또는 overflow:auto

2)로 이동

style='overflow:hidden; width:100px'

또는

세트 width='100' 단어가없는 경우에만

출처

2012-11-05 06:50:21

답해 주셔서 감사합니다! 스크롤바 문제를 해결했습니다. 그러나 TD 문제는 여전히 지속됩니다. 나는 고정 너비가 필요합니다. 왜냐하면 텍스트가 긴 데이터가 있고 그 행의 witdh에 영향을 미치기 때문입니다. 그래서 거기에 영향을 미치는 텍스트없이 너비를 수정하는 방법은 무엇입니까? – user1681961

겹침 추가 : 끊기 - 단어; TD 스타일 속성에 속성 –

정말 고마워요! – user1681961

테이블의 고정 된 분할 자

답변

관련 문제