固定表中的分隔符

Question

我的桌子遇到了一些麻烦，因为随着文字的增加我似乎无法修复分隔线。当文本变长时，它会将分隔符移动几个像素。我会发布一些屏幕截图供你查看。

在以下文字中添加一些文字后

就像这样。 那么有谁可以帮我这个吗？顺便说一下这是我的代码

 <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>

我也想删除底部滚动条，但我似乎也无法隐藏它。

Answer 1

1）要删除底部滚动条更改溢出：滚动到overflow-y:scroll或overflow:auto

2）要修复宽度问题，请在样式属性中放置TD的宽度属性（推荐）

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

OR

仅在没有单词px

的情况下设置width='100'