我正在使用wicket并拥有一张动态表格。我想要做的是有一个固定的表格边框高度添加行(每页最多5个),它的行宽可以动态增长,如下所示:
列标题
ROW1
ROW2
空白空间
表格的结尾
我能想到的唯一解决方案(可能不是最好的因为我是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包裹它的宽度,但是有一个固定的高度。