基于Bootstrap可编辑的HTML表格jquery插件(修改版)

所属分类:UI,输入-图表,丰富的输入

 11436  82  查看评论 (2)
分享到微信朋友圈
X
基于Bootstrap可编辑的HTML表格jquery插件(修改版) ie兼容11

更新时间:2021-11-14 20:49:15

/* * *特别声明,该插件是以丶空白 编写的插件基础上修改的,

 *特别声明,该插件是以丶空白 编写的插件基础上修改的,原版链接:

https://www.jq22.com/jquery-info22558

 **/

1.该插件使用时,table需要定义三个参数:

<table id="mytable" columnsEd="" addButton="add">
  • id:table对象

  • columnsEd:可编辑单元格列,为空代表全部,例:"0,1,2,3"

  • addButton:绑定添加单元格id,为空不触发添加单元格事件

js定义

var table = SetEditable({
    tabedId: 'mytable,mytable2', //单页面多个表格需要编辑,传递多个table id参数
    onEdit: function(row, values, tableid) {
        //编辑后回调
        console.log(row);
        console.log(values);
        console.log(tableid);
    },
    onBeforeDelete: function(row, values, tableid) {
        //删除前回调
        console.log(row);
        console.log(values);
        console.log(tableid);
    },
    onDelete: function(tableid) {
        //删除后回调
        console.log(tableid);
    },
    onAdd: function(tableid) {
        //添加表格后回调
        console.log(tableid);
    }
});
<th class="hide">ID</th>
<td class="hide">id</td>

默认隐藏,这个是可以用来定义id参数值

相关插件-图表,丰富的输入

动态数据表格插件ZBTable(原创)

能够根据后台传来的JSON数据动态创建的基本功能的JQuery表格插件
  图表
 30387  299

百度ets动态添加数据

通过点击不同按钮,进行ajax请求对ets进行数据填充.
  图表
 35481  361

jQuery响应式表格插件ReStable

jQuery restable是一个非常简单轻量级(~ 1KB)的jQuery插件,它可以将表格在指定的响应式断点时,使表格结构切换为无序列表结构,以适应在小屏幕设备中显示表格数据。
  图表
 34513  316

jquery.jqplot 绘图插件

jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图、柱状图和饼图。
  图表
 46870  374

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    坑坑更健康 0
    2022/6/27 14:58:38
    点击添加的时候,怎么让input 先出来
        Andy0
        2023/6/29 11:06:32
        你可以看看点击编辑的时候,是怎么出来的input框的,你点击添加的时候可以加进去这一部分代码,或者你点击添加的时候,可以jq执行一次点击编辑的按钮,就出来编辑框了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复