formatter属性

钟逸 55 2024-03-06 19:09:52

bootstrap table中formatter作用是什么

formatter这个属性属于列参数,意思就是对当前列的数据进行格式化操作,它是一个函数,有三个参数,value,row,index,

value:代表当前单元格中的值,

row:代表当前行,

index:代表当前行的下标,

可以使用return返回你想要的数据显示在单元格中;

例子1:使用js参数方式配置

{field:"operate",title:"操作",align:"center",valign:"middle",formatter:function(value,row,index){

return"<ahref='javascript:;'onclick='editRow(event)'>编辑</a>&nbsp;&nbsp;<ahref='javascript:;'onclick='deleteRow(event)'>删除</a>";

}}

效果:

例子2:使用data-formtter:使用自定义属性参数

<tableid="tbl"data-formatter="fun"></table>

functionfun(value,row,index){

/*处理数据*/

return"<ahref='javascript:;'onclick='editRow(event)'>编辑</a>&nbsp;&nbsp;<ahref='javascript:;'onclick='deleteRow(event)'>删除</a>";

}

效果:

上一篇:王者荣耀刺客专用铭文
下一篇:梦幻西游变身套装效果大全
相关文章
返回顶部小火箭