bootstrap table中formatter作用是啥

Posted 2023-03-20

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

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

row：代表当前行,

index:代表当前行的下标,

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

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

field:"operate",title:"操作",align:"center",valign:"middle",formatter:function(value,row,index)
     return "<a href='javascript:;' onclick='editRow(event)'>编辑</a>&nbsp;&nbsp;<a href='javascript:;' onclick='deleteRow(event)'>删除</a>";
 

效果:

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

<table id="tbl" data-formatter="fun"></table>
function fun(value,row,index)
  /*处理数据*/
  return "<a href='javascript:;' onclick='editRow(event)'>编辑</a>&nbsp;&nbsp;<a href='javascript:;' onclick='deleteRow(event)'>删除</a>";

效果:

参考技术A

formatter这个属性属于列参数，意思就是对当前列的数据进行格式化操作，它是一个函数，有三个参数value，row和index。value: 代表当前单元格中的值。row：代表当前行。index: 代表当前行的下标。

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/html框架。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都有使用。