首页 前端知识 [jQuery自定义插件] 6 自定义表格插件-jQueryTable

[jQuery自定义插件] 6 自定义表格插件-jQueryTable

2024-05-05 22:05:26 前端知识 前端哥 339 222 我要收藏

表格作为前端最常用的标签之一,自定义插件怎么能少了它。

直接上源码:

目录结构:

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">`
        // 渲染表头
转载请注明出处或者链接地址:https://www.qianduange.cn//article/7069.html
标签
评论
发布的文章

HTML5-新增表单元素

2024-05-10 08:05:59

Dayjs 的一些常用方法

2024-05-10 08:05:59

Howler.js HTML5声音引擎

2024-05-10 08:05:59

前端攻城狮HTML5自查手册

2024-05-10 08:05:51

JavaScript 基础入门

2024-05-10 08:05:41

HTML5新手入门指南

2024-05-08 10:05:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!