JQuery Datatables辅助函数
生活随笔
收集整理的這篇文章主要介紹了
JQuery Datatables辅助函数
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
數字輔助函數。number輔助函數提供了輕松格式化數字的功能。處理數字時,您可能經常希望添加格式,前綴和后綴字符(比如貨幣標示符),使用千位分隔符并制定數字的精度。使用number輔助函數可以做到這些。
數字輔助函數包含五個可選參數 1、千分位分隔符。(必須) 2、小數點分隔符。(必須) 3、浮點精度數。0代表整數,1代表一位小數,以此類推。(可選) 4、前綴字符串。(可選) 5、后綴字符串。(可選)//舉個例子,以¥19.99的格式顯示price數據,我們將使用: columns:[{data: 'price',render: $.fn.dataTable.render.number( ',', '.', 2, '¥' )}//其他列配置 ]?
?文本輔助函數 Text helper。text輔助函數將通過轉義HTML實體來確保不會執行源數據中任何潛在危險的HTML。如果正在加載的數據可能來自潛在的不受信任的數據源,并且可以幫助緩解XSS攻擊,這是很有幫助的。
//text輔助函數不接受任何參數,使用非常簡單: columns:[{data: 'product',render: $.fn.dataTable.render.text()}//其他列配置 ]?
自定義輔助函數 Custom helpers.?渲染器輔助函數只是附加到$.fn.dataTable.render的函數,使它可以從一個位置輕松訪問。這些函數必須返回將與?columns.renderOption?方法一起操作的函數。
//例如下面一個簡單的插件,該插件將在給定數量的字符后截斷文本,如果字符串比允許的字符數長,則顯示省略號 $.fn.dataTable.render.ellipsis = function ( cutoff ) {return function ( data, type, row ) {if ( type === 'display' ) {var str = data.toString(); // cast numbersreturn str.length < cutoff ?str :str.substr(0, cutoff-1) +'…';}// Search, order and type can use the original datareturn data;}; };//然后,我們可以在Datatables列定義中使用它: columns:[{data: 'description',render: $.fn.dataTable.render.ellipsis( 10 )}//其他列配置 ]?
?
?
?
?
?
總結
以上是生活随笔為你收集整理的JQuery Datatables辅助函数的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Kubernetes 部署 Ingres
- 下一篇: 服务发现与负载均衡traefik ing