Bootstrap Table 学习笔记之列参数（一）

title

列头。

field

表格列数据的字段。

radio

单选框

• 使用方法：设置radio:true启用。

checkbox

复选框

• 使用方法：设置checkbox:true启用。

titleTooltip

定义把鼠标放在列头上时提示的文字。

class

定义列所用的样式类名。

• 使用方法：先定义一个类选择器如.red{color: #ff0000}，再在列参数中启用class:'red'
• 效果：

image.png

align

控制列数据是居中、左对齐还是右对齐。

halign

控制列头文字是居中、左对齐还是右对齐。

falign

控制列脚文字是居中、左对齐还是右对齐。

valign

控制列数据是居于底部还是居于顶部还是居中。

width

此列单元格宽度。

sortable

列排序。

• 使用方式：设置sortable:true启用。

cardVisible

默认值是true，当设置为false时，当切换为card视图时隐藏该列数据。

sortName

指定根据哪一个字段来排序。

formatter

自定义方法。

• 使用方法：可以通过此参数返回HTML和配置表格操作栏按钮。
• 代码示例
  实现判断当年龄大于等于18岁时，表格数据显示“已成年”，否则显示“未成年”：

• 效果：

image.png

event

使用formatter时的一个事件监听器，可结合二者配置表格操作栏。

• 代码示例：

• 效果：

image.png

image.png