Previous topicNext topic
WebBuilderX > 子页面容器类型 > 面板类容器 >
表格面板

表格面板当然是用来显示表格的。请注意,这个表格是可以加载数据的动态表格,它与后面即将学习到的静态表格有着本质的不同。

和表单面板的添加方式一样,在“数据表格”菜单项的内容定义列中点击配置按钮,弹出页面设计窗口;然后在此窗口中点击添加容器,在弹出的容器属性中将容器类型选择为“表格面板”:

点击“确定”,同样会在左侧的列表中添加一个名为“容器1”的表格面板。由于表格面板需要指定显示列之后才会生成表格,所以,在重新生成代码并在浏览器页面中单击“数据表格”菜单项之后,只会出现一个空的表格区域:

OK,为了让大家更清晰的看到表格面板的效果,我们不妨在其中添加几个数据列(可通过元素操作按钮或鼠标右键的方式添加)。关于列属性的详细说明,请参考“列基本属性”:

刷新页面,表格面板中出现了表头:

为什么没有数据显示出来?这是因为,表格面板默认是不加载任何数据的。此时,你可点击“容器属性设置”中的“表格属性”页签,对表格做更进一步的设置: