我正在使用检票口并有一个动态表。我想要做的是有一个固定的表格边框高度,可以添加行(每页最多 5 个),并且行的宽度可以动态增长,例如:
列标题
第 1 行
第 2 行
空的空间
桌子的尽头
我能想到的唯一解决方案(这可能不是最好的,因为我是 wicket 和 html 的新手)是拥有一个具有固定高度和可增长宽度的 div。div 将提供表格的固定框边框,表格本身将位于此 div 内,允许其行通过 wicket 动态增长,可分页视图设置最大为 5 行。
到目前为止,我有:
html:
<div class="tableCell">
<table border="1" BORDERCOLOR="#333">
<tr>
<th>SSA ID</th>
<th>Default Qualifier</th>
<th colspan="2">Property Name/Value</th>
<th>Description</th>
</tr>
<div wicket:id="SSAIDs">
<tr>
<td wicket:id="SSAID">test</td>
<td wicket:id="defaultQaulifier">test</td>
<td wicket:id="propertyName">test</td>
<td wicket:id="propertyValue">test</td>
<td class="width" wicket:id="description">test</td>
<td><a href="#">Edit</a>
<a href="#">  Delete</a>
<a href="#">  View Roles</a>
</td>
</tr>
</div><!-- end SSAID's div -->
对于CSS,无论我尝试什么,我都可以固定高度,但宽度总是会扩展到页面的末尾。这个div目前在一个容器类中。
如果你不知道 Wicket,那很好。我只需要知道如何让包含表格的 div 包裹它的宽度,但有一个固定的高度。