首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏用户2276240的专栏(3)

    JavaScript创建的可编辑表格

    * JavaScript创建的可编辑表格  * 用法:  *    1,首先创建表格对象: var pt = new PowerTableEdit("table1");  *                                                    > sDa:如果选择的编辑方式为下拉编辑方式,则此参数有效,代表下拉框中的预置数据,是数组类型  *                   *    3, ;  *              arrValue[3] = "4";   *              pt.setCol(3,'sel',arrText,arrValue);  *  *              style.backgroundColor=oBgc;                 style.color=oFc;             }         }     }     //清除可编辑表格 ;     arrValue[3] = "4";     pt.setCol(2,'txt');     pt.setCol(3,'sel',arrText,arrValue);     pt.setCol

    69110编辑于 2025-04-05
  • 来自专栏IT开发技术与工作效率

    element 可编辑表格方向键操控

    饿了么框架做可编辑表格时想优化体验做个方向键操控, 网上搜到的代码不太满意,自己写了个 <el-table-column v-bind:label="'标题'" prop="valuesScore

    1.7K10发布于 2020-05-27
  • 来自专栏JavaEdge

    教你Markdown编辑表格时怎么输入竖线“|”?

    如果直接在表格这里么写是不行的,只能识别到竖线之前的字符。 需要转义 用| 或者|来代替

    2.5K10发布于 2021-02-23
  • 来自专栏前端自习课

    【Vue】1883- Vue 可编辑表格:让数据编辑更舒适自如

    既然UI库不支持,那我们实现一个可编辑表格是很难的事么?难么?不难么?... 个人觉得如果是业务固定的可编辑表格,使用ElementPlus实现都不难。 但是如果需要的是一个通用的可编辑表格,这好像还真说不好。 对于通用的可编辑表格,网上的实现方案也是五花八门,但是看下来多少都有些问题。 $index editActions.cancelEditable 指定行取消编辑态 $index 其他方法参考: ElementPlusTable[3] 关于源码 由于就是一个简单的组件实现,所以也懒得去打包发布 [2] https://element-plus.gitee.io/zh-CN/component/table.html#table-%E5%B1%9E%E6%80%A7 [3] https://element-plus.gitee.io /zh-CN/component/table.html#table-%E6%96%B9%E6%B3%95 [4] https://github.com/JessYan0913/edit-table [5

    74810编辑于 2023-12-04
  • 来自专栏前端小而全的知识归纳

    vue+element-ui+slot-scope或原生实现可编辑表格(日历)

    你们公司的产品是不是还在做一个可编辑表格功能? 1.前言 咱开发拿到需求大多数是去网上找成型的组件,找不到再看原生的方法能否实现,大牛除外哈,大牛一般喜欢封装组件框架。 2.思路 可编辑表格在后台管理系统还是比较常用的,因为比较流行框架element,iview都没有这个应用,所以考虑了两种方法,下面我简单说哈我的两种方法: 3.方法一: 直接通过element的table scope.row.order2" placeholder="请输入内容"></el-input> </template> </el-table-column> </el-table> <3. 其实本质上都是利用<input>标签可以修改文本的特性; 2.方法三是最简单的可以利用嵌套<input>直接实现表格的修改,还可以结合v-model来双向绑定数据,只是需要自己手动是修改下样式, 3. 这边首先要实现表格的合并功能,有篇文章讲的这个,vue+element实现表格跨行或跨列 然后可以套用这篇文章的三个方法 3.方法二如果项目在使用vue+element技术也是一种不错的选择 7.很开心你还能看到这里

    2.7K30发布于 2019-04-17
  • 来自专栏web前端教室

    前端组件“可编辑表格”,怎么设计才好呢?先得有思路

    大家好,今天是0618,今天的先行者计划的主题是“可编辑表格”的第一次课。 既然是一个前端组件,那么就涉及到如何设计的问题。我们不是单纯的要实现一个可编辑表格的效果,而是要实践一个组件化的方案。 总体的方向: 第一,view层,需要分层设计; 第二,model层,需要让数据来控制view层; 思路的话,可以参考react的生命周期概念: 1,插入dom; 2,获得新数据,重新渲染dom; 3,删除 “落脚点”, 那么就是要有一个div做为初始的组件容器, <script type="text/javascript"> var config = { el:"#idname", table:[3,4 ], //3行4列 title:['a','b','c','d'] } new TableObj(config);//初始化时 </script> <! -- js 在new 的过程中只做了三件事 1,创建一个新对象 3,将这个新对象的 proto 指向 构造函数的 prototype 成员对象 4,将 构造函数的 this 指针 指向 这个新创建的对象

    1.7K50发布于 2018-02-07
  • 来自专栏前端自习课

    【Vuejs】1814- Vue 可编辑表格:让数据编辑更舒适自如

    使用ElementPlus的Table啥都好,就是没有可编辑表格!!! 既然UI库不支持,那我们实现一个可编辑表格是很难的事么?难么?不难么?... 个人觉得如果是业务固定的可编辑表格,使用ElementPlus实现都不难。但是如果需要的是一个通用的可编辑表格,这好像还真说不好。 对于通用的可编辑表格,网上的实现方案也是五花八门,但是看下来多少都有些问题。 $index editActions.cancelEditable 指定行取消编辑态 $index 其他方法参考: ElementPlusTable[3] 关于源码 由于就是一个简单的组件实现,所以也懒得去打包发布 /zh-CN/component/table.html#table-%E6%96%B9%E6%B3%95 [4] https://github.com/JessYan0913/edit-table [5

    1.3K40编辑于 2023-09-24
  • 来自专栏TEL18600524535

    从图像到可编辑表格:智能识别技术实现与场景应用

    3.

    14310编辑于 2026-04-08
  • 来自专栏张善友的专栏

    MySQL管理工具HeidiSQL

    它可以浏览和编辑数据,创建和编辑表格,视图,过程,触发器和安排日程。另外,还可以导出结构和数据SQL文件。 HeidiSQL特点: •连接到多个服务器窗口 •可以使用命令行连接到服务器 •创建和编辑表格,视图,存储程序,触发器和安排日程。

    4.2K80发布于 2018-01-19
  • 来自专栏前端小而全的知识归纳

    vue中vuex,echarts,地图,ueditor的使用

    技术栈 技术栈:vue+vue-router+webpack+axios+echarts+ueditor+element UI+map+node-sass; 功能模块:数据可视化,地图,普通表格的增删,可编辑表格 (response)实现axios的全局拦截 axios.get(post)请求接口 3.vuex:实现公共数据模块化管理和非父子组件通讯 4.vuex-persistedstate:实现vuex数据的缓存 5.echarts:折线图,柱状图,扇形图和仪表等数据可视化 6.高德地图:地图展示 7.ueditor:富文本编辑器 8.utiles:里面封装了常用工具类 9.element UI+slot:可编辑表格 state的值 const mutations = { setTableData (state,tableData) { state.tableData = tableData } } 3. v=1.4.6&key=9f63e48dcb3ccddc5cf6601788186f13&plugin=AMap.MouseTool"></script>//key为我申请的,也可以自己去申请 高德地图官网案例

    2.4K30发布于 2019-04-17
  • 来自专栏Web前端

    React 表格组件设计

    ="app">

    User List

    <VirtualTable data={data} />
    );};export default App;3. 可编辑表格3.1 常见问题与易错点状态管理:可编辑表格需要管理每个单元格的状态。输入验证:需要对用户输入进行验证,确保数据的有效性。 无论是基本表格、虚拟滚动表格、可编辑表格还是响应式表格,都有其特定的应用场景和优化技巧,合理选择和使用这些技术可以显著提升用户体验和开发效率。

    1.5K10编辑于 2024-11-13
  • 来自专栏全栈程序员必看

    学习笔记 – EasyUI官方网站演示[通俗易懂]

    应用程序示例 使用jQuery EasyUI创建CURD应用) 创建可以编辑的表格 创建RSS阅读器 布局器 表格事件 树 树演示 TreeGrid 基本使用 表格动作 复选框 上下文菜单 可编辑表格 node = $('#tg').treegrid('getSelected'); if (node){ $('#tg').treegrid('expand', node.id); } } 可编辑表格 TreeGrid" class="easyui-treegrid" style="width:700px;height:250px" data-options=" url: 'treegrid_data3. 3st qrt. 3st qrt.

    1.3K10编辑于 2022-09-06
  • 来自专栏云同步

    探索火山方舟 Prompt 调优:一篇文章带你了解

    3. 如果个人IP有特定的风格(如科幻、复古等),要在提示词中体现。 在<思考>标签内,先构思一下提示词的要点,例如哪些元素是必须要包含的,如何体现个人IP的独特性等。 批量 火山方舟提供手动编辑表格,上传数据(excel),AI 自动生成 三种方式进行批量调试。 评分的主要作用是智能优化的时候,AI 可以通过这个评分进行辅助优化提示词。 手动编辑表格 1)点击添加行 2)填写变量、参考答案(可选)然后点击生成全部答案 回答完成之后给答案进行评分(或者设定评分标准让他自动评分) 上传数据 1)新建 excel 必填列名:变量;例如:{{PERSONAL_IP_DESCRIPTION 注意,列名必须保持一致,否则导入时将会被忽略 2)将 excel 上传 3)点击“生成全部答案” AI 自动生成 “变量生成规则”:自己设定变量生成规则。

    25300编辑于 2025-08-01
  • 来自专栏民工哥技术之路

    介绍一款免费好用的可视化数据库管理工具

    它可以浏览和编辑数据,创建和编辑表格,视图,过程,触发器和安排日程。另外,还可以导出结构和数据SQL文件。 HeidiSQL特点: 连接到多个服务器窗口 可以使用命令行连接到服务器 创建和编辑表格,视图,存储程序,触发器和安排日程。

    2.5K10发布于 2020-09-15
  • 来自专栏云原生工具箱

    GitLab 冷知识:如何美化 issue 内容

    - [x] Completed task - [ ] Incomplete task - [ ] Sub-task 1 - [x] Sub-task 2 - [ ] Sub-task 3 image 快速编辑表格 除了 Markdown 表格的标准编辑方式以外,GitLab Issue 还可以从其他电子表格软件(例如 Microsoft Excel、Google Sheets 或 Apple Numbers)直接复制,不想用 Markdown 编辑表格的话,可以先在其他软件标记好,直接复制过来即可。 project^alert#123 project^alert#123 contact [contact:test@example.com] 绘制流程图 GitLab Issue 支持使用 Mermaid[3] progress-bar: https://github.com/fredericojordan/progress-bar [2] shields.io: https://shields.io/ [3]

    1.7K30编辑于 2022-12-05
  • 来自专栏深度学习

    【2023最新版】DataGrip使用MySQL教程

    DataGrip可以帮助您连接到MySQL数据库,并提供一个图形化界面来浏览数据库结构、执行查询、编辑表格数据等操作。 DataGrip连接MySQL 下载驱动文件 填写root+密码 测试 若出现下图界面,填写root+密码即可 成功 3. 帮助 \h 3. 查询所有数据库 SHOW DATABASES;

    93910编辑于 2024-07-29
  • 来自专栏云计算技术笔记

    MarkDown常用代码片段和工具

    details>

    标题 内容 效果 标题 内容 小工具 表格转换 https://tableconvert.com/ 可以像编辑 Excel 一样编辑表格

    44120编辑于 2022-08-03
  • 来自专栏用户4782617的专栏

    INDEX函数怎么用?两种方法全在这儿

    我们可以在编辑表格数据的时候,用INDEX函数求表格区域中的值或者是数组中的返回值。那么INDEX函数该怎么使用?小编归纳了两种INDEX函数的使用方法,大家一起来看看吧。 3、然后进入“函数参数”界面,在Array中输入“A2:C7”, 在Row_nom中输入“2”,在Column_num中输入“3”。然后点击“确定”就可以了。 2、在单元格E2中编辑“=INDEX((A1:C7,A10:C13),3,3,2)”其中A1:C7和A10:C13是两个不连续数组,第一个3表示第三行,第二个3表示第3列,2表示在第二个数组中。 3、编辑完成之后,点击页面中“插入函数”栏中的“√”,或者点击键盘上的“Enter”键就可以了。

    4.3K20发布于 2019-10-15
  • 来自专栏我的一些狗屎代码

    正常编写python代码并运行的几种方式|基本概念之解释器、编辑器

    python版本很多,3与2不兼容。编辑器比如电脑编辑文字要用word,编辑表格要用excel,做演示文稿要用PPT,修图要用ps一样,编写代码也需要特定的工具。这个编写代码的工具叫编辑器。 Anaconda可以兼容python2和3。解释器和编辑器是两个完全不同的概念,没有任何联系。

    60120编辑于 2025-03-03
  • 来自专栏前端之攻略

    element 表格中展示表单

    编辑表格的内容,包含编辑头部及body的每行内容,以及增加行 <template>

    数据测试
    <div v-for="(item,index) in }, { num: 12, num1: 15, name: "名称3" }, { num: 12, num1: 15, name2: "公司名称3" }, { num: 12, num1: 15, name2: "公司名称3" }, { num: 12, num1: 15, name2: "公司名称3"

    45610编辑于 2024-04-25
  • 领券