mindmup-editabletable-编辑table的使用

官方网站:http://mindmup.github.io/editable-table/

github下载地址:https://github.com/mindmup/editable-table

我的结构

简单测试html源码

<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>编辑</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width; initial-scale=1.0">
    </head>

    <body>
         <table id="table" border="1">
             <tr>
                 <td>fdsafdsafdasfds</td>
             </tr>
         </table>
    </body>
</html>
<script src="jquery-1.11.1.min.js"></script>
<script src="editable-table-master/mindmup-editabletable.js"></script>
<script src="editable-table-master/numeric-input-example.js"></script>
<script type="text/javascript">
$(function () {
    $(‘#table‘).editableTableWidget({editor: $(‘<textarea>‘)});
});

</script>
时间: 2024-08-25 14:08:53

mindmup-editabletable-编辑table的使用的相关文章

深入浅出MS SQL——编辑table 出错

页面 table 可编辑的实现

可编辑table 实现目前我用到的比较好用的有两个: X-editable 支持bootstrap,jqueryUi, jquery 用法: 引入jquery.min.js  就不用说了 其次页面引入: <link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/>

EasyUI DataGrid 编辑单元格

之前文章 EasyUI DataGrid可编辑单元格实现可编辑单元格,如果有多列都需要可编辑 当点击一个单元格 则此整行都会进行编辑 如下图: 现改为单击某个单元格只对此单元格进行可编辑 <TABLE>标记添加 onClickCell <table id="dg" class="easyui-datagrid" data-options="onClickCell: onClickCell"> 需要进行编辑的列上添加 edi

js动态添加table 数据tr td

成果库修改:      要求主题列表随成果类型改变而改变      网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合——动态创建/编辑Table      概要代码如下: Jsp页面[javascript]//动态获取主题数据 function getzts(){     parentId = document.getElementById("bselect1").value;     if(parentId!=""){     

HTML/CSS题库

一.    填空题 使用文本编辑器编辑完HTML后,扩展名可以是__html___或___htm__. 表格的标签是____table______,单元格的标签是____td______. 在编辑table表格时,合并行使用 __rowspan_____合并列使用_____colspan____. 在CSS层叠样式表当中经常用到的三种选择器:___元素选择器___.__类选择器__.__id选择器__. 在JavaScript脚本语言当中,定义函数使用___function__单词表示. 用来输

HTML篇之CSS样式:&lt;button&gt;&lt;/button&gt;按钮变成超链接&lt;a&gt;&lt;/a&gt;的样式

原文:http://blog.csdn.net/qq_16769857/article/details/52055349 [html] view plain copy print? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="

erMaster插件

需求: 在做开源项目时,了解基本业务后.试图从数据库表设计来分析项目.通过visio时绘制操作繁琐,另外不能与数据库连动.于是想找一款快速绘制er图,并且能够和数据库连动的软件工具. eclipse插件: eclipse有很多优秀实用的开源插件.搜索找到erMaster插件,在source forge网站上下载最新的plugin,features. 使用: 1. new File->选择 erMaster 2.在.erm文件里编辑table.table关系.GUI操作非常方便 3.如果想连接数据

ASP.NET - ADO.NET框架

ADO.NET(ActiveX Data Objects) ADO.NET是一个COM组件库,用于在使用Microsoft技术的代码中访问数据库. SQL数据操作类 SqlConnection类(System.Data.SqlClient.SqlConnection) 提供打开数据库的方法.创建此对象,提供数据库连接字符就可以与数据库建立连接,你可以把数据库mdf文件存放在App_Data文件夹里,如果这样做,则vs的服务器资源管理器里会自动添加该数据库的连接.在服务器资源管理器中右击数据库-属

【转】手摸手,带你用vue撸后台 系列三(实战篇)

前言 在前面两篇文章中已经把基础工作环境构建完成,也已经把后台核心的登录和权限完成了,现在手摸手,一起进入实操. Element 去年十月份开始用vue做管理后台的时候毫不犹豫的就选择了Elemen,那时候vue2 刚发没多久,市面上也没有很多其它的vue2的ui框架.虽然Element也有很多的不足,前期的bug也不少,但我还是选择了它,说一下我选择Element的原因吧: 有大厂背书 : 虽然核心开发只有三个人,但至少不用担心哪天就不维护,带着小姨子跑路了. 持续迭代 : Element发版