用 Rico LiveGrid 小部件创建数据集导航

最后，可以创建 Rico 用于显示影片数据的表。用下面代码创建的表有 6 个行，3 个列。表中每隔一行有一个浅灰色背景。要使 LiveGrid 正确运行，需要在表中额外创建一行。因此，如果创建一个要显示 5 个行的 LiveGrid，那么所创建的 HTML 表需要 6 行。如果没有额外的行，那么 LiveGrid 的滚动功能将失常。清单 4 显示了创建 LiveGrid 使用的 HTML 表所需的代码。

清单 4. LiveGrid 数据 HTML 表

<div　id="movieDiv"　style="float:left">　
　　<table　id="movie_grid"　cellspacing="0"　cellpadding="0"　
　　　　width　=　"400px"　style="border:1px　solid　#ababab"　>　
　　　　　　<tr>　
　　　　　<td　width="30">　</td>　
　　　　　　　　<td　width="310">　</td>　
　　　　　　　　<td　width="60">　</td>　
　　　　　　</tr>　
　　　　　　<tr>　
　　　　　　　　<td　bgcolor="#eeeeee"　width="30">　</td>　
　　　　　　　　<td　bgcolor="#eeeeee"　width="310">　</td>　
　　　　　　　　<td　bgcolor="#eeeeee"　width="60">　</td>　
　　　　　　</tr>　
　　　　　　<tr>　
　　　　　　　　<td　width="30">　</td>　
　　　　　　　　<td　width="310">　</td>　
　　　　　　　　<td　width="60">　</td>　
　　　　　　</tr>　
　　　　　　<tr>　
　　　　　　　　<td　bgcolor="#eeeeee"　width="30">　</td>　
　　　　　　　　<td　bgcolor="#eeeeee"　width="310">　</td>　
　　　　　　<td　bgcolor="#eeeeee"　width="60">　</td>　
　　　　　　</tr>　
　　　　　　<tr>　
　　　　　　　　<td　width="30">　</td>　
　　　　　　　　<td　width="310">　</td>　
　　　　　　　　<td　width="60">　</td>　
　　　　　　</tr>　
　　　　　　<tr>　
　　　　　　　　<td　bgcolor="#eeeeee"　width="30">　</td>　
　　　　　　　　<td　bgcolor="#eeeeee"　width="310">　</td>　
　　　　　　　　<td　bgcolor="#eeeeee"　width="60">　</td>　
　　　　　　</tr>　
　　</table>　
</div>