bootstrap table中formatter作用是什么?

bootstrap table中formatter作用是什么


跃然一笑
浏览 3543回答 2
2回答

慕田峪7331174

formatter这个属性属于列参数,意思就是对当前列的数据进行格式化操作,它是一个函数,有三个参数,value,row,index,value:代表当前单元格中的值,row:代表当前行,index:代表当前行的下标,可以使用return 返回你想要的数据显示在单元格中;例子1:使用js参数方式配置123{field:"operate",title:"操作",align:"center",valign:"middle",formatter:function(value,row,index){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;"<a&nbsp;href='javascript:;'&nbsp;onclick='editRow(event)'>编辑</a>&nbsp;&nbsp;<a&nbsp;href='javascript:;'&nbsp;onclick='deleteRow(event)'>删除</a>";&nbsp;}}效果:例子2:使用data-formtter:使用自定义属性参数12345<table&nbsp;id="tbl"&nbsp;data-formatter="fun"></table>function&nbsp;fun(value,row,index){&nbsp;&nbsp;/*处理数据*/&nbsp;&nbsp;return&nbsp;"<a&nbsp;href='javascript:;'&nbsp;onclick='editRow(event)'>编辑</a>&nbsp;&nbsp;<a&nbsp;href='javascript:;'&nbsp;onclick='deleteRow(event)'>删除</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都有使用。
打开App,查看更多内容
随时随地看视频慕课网APP