bootstrap table中formatter作用是什么
2 回答
慕田峪7331174
TA貢獻1828條經(jīng)驗 獲得超13個贊
formatter這個屬性屬于列參數(shù)，意思就是對當前列的數(shù)據(jù)進行格式化操作，它是一個函數(shù)，有三個參數(shù)，value，row，index,
value:代表當前單元格中的值，
row：代表當前行,
index:代表當前行的下標,
可以使用return 返回你想要的數(shù)據(jù)顯示在單元格中;
例子1:使用js參數(shù)方式配置
| 123 | {field:"operate",title:"操作",align:"center",valign:"middle",formatter:function(value,row,index){ return "<a href='javascript:;' onclick='editRow(event)'>編輯</a> <a href='javascript:;' onclick='deleteRow(event)'>刪除</a>"; }} |
效果:
例子2：使用data-formtter：使用自定義屬性參數(shù)
| 12345 | <table id="tbl" data-formatter="fun"></table>function fun(value,row,index){ /*處理數(shù)據(jù)*/ return "<a href='javascript:;' onclick='editRow(event)'>編輯</a> <a href='javascript:;' onclick='deleteRow(event)'>刪除</a>";} |
效果:
陪伴而非守候
TA貢獻1757條經(jīng)驗 獲得超8個贊
formatter這個屬性屬于列參數(shù)，意思就是對當前列的數(shù)據(jù)進行格式化操作，它是一個函數(shù)，有三個參數(shù)value，row和index。value: 代表當前單元格中的值。row：代表當前行。index: 代表當前行的下標。
Bootstrap是Twitter推出的一個開源的用于前端開發(fā)的工具包，是一個CSS/HTML框架。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發(fā)。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都有使用。
- 2 回答
- 0 關(guān)注
- 3678 瀏覽
添加回答
舉報
0/150
提交
取消