bootstrap table中formatter作用是什么
2 回答
慕田峪7331174
TA貢獻1828條經驗 獲得超13個贊
formatter這個屬性屬于列參數，意思就是對當前列的數據進行格式化操作，它是一個函數，有三個參數，value，row，index,
value:代表當前單元格中的值，
row：代表當前行,
index:代表當前行的下標,
可以使用return 返回你想要的數據顯示在單元格中;
例子1:使用js參數方式配置
| 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：使用自定義屬性參數
| 12345 | <table id="tbl" data-formatter="fun"></table>function fun(value,row,index){ /*處理數據*/ return "<a href='javascript:;' onclick='editRow(event)'>編輯</a> <a href='javascript:;' onclick='deleteRow(event)'>刪除</a>";} |
效果:
陪伴而非守候
TA貢獻1757條經驗 獲得超8個贊
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都有使用。
- 2 回答
- 0 關注
- 3683 瀏覽
添加回答
舉報
0/150
提交
取消