表格

在编辑页面创建表格有两种方法:一种方法是点击;另一种是点击

1. 第一种添加表格方法

点击会弹出对话框如下图(在插入后表格右键—表格属性,也可弹出此对话框),直接点击“确定”就会出现一个简单表格。

表格属性:

l  行数、列数:设置表格有几行几列。

l  宽度、高度:设置表格宽高。可以只输入数字,也可以输入百分比或者输入数字加单位“px”,例如:100px。注意:设置表格宽度时,尽量只在首行设置,以免给后期页面检查带来困扰。

l  间距:表格中单元格之间的距离。

l  边距:表格中单元边界与单元内容之间的距离。

l  边框:表格边框的宽度

l  对齐方式:用来调整表格位置,默认左对齐。

l  标题单元格:设置标题单元格位置。

l  标题:给表格加标题

l  摘要:表格内容的摘要

高级:

l  Background image:设置表格背景图片。

l  Background position:设置背景图片的起始位置,详情请点击background-position

l  Background repeat:背景图片重复出现的方式。选项中 none——只出一个背景图片;repeat——如果背景图片没有表格大的话,它会重复出现,直至占满所有表格;Horizontally——如果背景图片没有表格大的话,它只占满一行;verticaly——如果背景图片没有表格大的话,它只占满一列。

l  Background Attachment:设置背景图像是否固定或者随着页面的其余部分滚动,详情请点击background-attachment

l  Background Color:设置表格背景颜色。

2. 第二种添加表格方法

我们再看看另外一种创建表格的方法。点击,显示如下:

l  有表头:表格上面增加一行表头。

l  斑马线风格:灰白相间的表格。

l  有边框:表格加上边框。

l  更小行间距:行内边距(padding)减小,使表看起来更紧凑。

l  附加的class:设置的是整个表格的样式类。

l  附加的style:设置的是整个表格的style。

属性详细介绍可参考http://docs.kissyui.com

注意:在用户重新打开wide之前,以上属性的设置wide具有记录上次的功能。避免用户设置错误,建议用户首先全部设置,再全部清空,最后根据需求设置。

此种插入表格与第一种相比,这个方便又快捷,但是一次性插入表格最大是6行6列。

3. 单元格的设置

选中需要进行修改的单元格,右键—>单元格—>单元格属性。相关属性如下:

l  宽度、高度:设置单个单元格的宽高,单位可以是像素和百分比。

l  单元格类型:可选数据或表头。

l  纵跨行数、横跨列数:设置单元格占有表中多少行的宽度或多少列的高度。

l  自动换行:设置单元格文字过多时是否换行。

l  水平对齐、垂直对齐:设置单元格中内容的对齐方式。

l  背景颜色、边框颜色:设置单元格的背景颜色和边框颜色。

l  Background image:设置单元格的背景图片,输入的图片的url。

l  Background position:设置背景图片的位置。

l  Background repeat:设置背景图片是否重复。Repeat表示背景图片重复;Horizontally表示背景图片仅在水平方向重复;Verticaly表示背景图片仅的竖直方向重复,None表示背景图片不重复。