表格作为前端最常用的标签之一,自定义插件怎么能少了它。
直接上源码:
目录结构:
1 jQueryTable.js
import './jQueryCache.js'
$.prototype.extend({
fTable:function({column, data, order}){
if (!column) {
throw new Error('[fTable] column属性不能为空')
}
// 数据排序处理
if (order && order.field) {
let {field, asc} = order
asc != null || (asc = true)
data.sort(function(a,b){
if (a[field] > b[field]) {
return (asc ? 1 :-1)
} else {
return (asc ? -1 : 1)
}
})
}
let id = Math.random()
let html = `<table id='${id}' class="ftable">`
// 渲染表头