首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

20多个好用的 Vue 组件库,请查收!

Vue Tables 2旨在为开发者提供一个功能齐全的工具集,以便用 Vue 创建漂亮实用的数据表格。数百个商业软件应用正在使用它。...特点 多列排序 非连续选择 过滤数据和验证数据 导出文件 有条件的格式化 合并单元格 隐藏行/列 上下文菜单和注释 Ag Grid Vue 地址:https://github.com/ag-grid/...ag-Grid通过包装器组件支持Vue,你可以在应用程序中,就像其他任何Vue组件一样使用ag-Grid。它支持通过属性绑定传递配置,通过事件绑定来处理事件。...表格组件具有许多内置功能,比如说,单元格省略号、固定/灵活的列大小调整、自定义过滤等等。...此外,它还包括一些CSS,有助于使图标的缩放更容易一些。 Charts Vue Apexcharts 地址:https://github.com/apexcharts...

7.3K10
您找到你想要的搜索结果了吗?
是的
没有找到

基于 Angular Material 的 Data Grid 设计实现

Grid 示例: https://ng-matero.github.io/extensions/data-grid 距离 Extensions Data Grid 重构已经过去了两个多月,因工作忙碌迟迟没有介绍...说点题外话,开发一款插件最大的难度不在于功能的实现,而在于如何去设计插件。 什么是 Data Grid? Data Grid 本质上就是通过 数据+列定义+配置项 来渲染表格的插件。...目前市面上功能最全的 Data Grid 是 ag-grid,很多组件库也有自己的 Data Grid 实现,比如 Ignite UI,Kendo UI。...大部分优秀的第三方组件都具有自定义模板的能力,而在 Data Grid 中,模板更是一个不可或缺的功能。...默认开启单元格选取,可以设置 [cellSelectable]="false" 以关闭单元格选取。 通过 [rowSelectable]="true" 可以开启行选取。

5K20

Excel编程周末速成班第21课:一个用户窗体示例

这个用户窗体本身具有以下功能: 提供用于输入名字(FirstName)、姓氏(LastName)、地址(Address)、城市(City)和五位数邮政编码(ZIP)的文本框控件。...,不接受使用数字键盘输入的数字。...因此,不应将验证代码放在按钮的Click事件过程中,而应放在它自己的过程中。然后可以从“完成”和“下一步”按钮的Click事件过程中调用此过程。...注意:验证代码放置在函数中(不是子过程),因此它可以将值返回给调用程序:如果验证成功,则返回True;如果失败,则返回False。 验证过程的代码如清单21-3所示。...3.在哪个事件下放置限制输入到文本框控件中的某些字符的代码?

6K10

Spread for Windows Forms高级主题(5)---数据处理

数据描述 单元格数目 方法名 具有格式的字符串(例如"$1,234.56") 单个单元格 GetText SetText 单元格区域 GetClip SetClip 没有格式的字符串(例如"1234.45...") 单个单元格 GetValue SetValue 单元格区域 GetClipValue SetClipValue 具有格式的数据对象 单元格区域 GetArray SetArray 当你使用带格式的数据时...当你交换两个单元格或两个单元格区域的数据时,单元格的设置也会随着数据一起交换。如果你所做的设置是针对包含单元格整个列或行或整个表单,不是针对单元格自身所做的设置,那么这些设置不会被交换。...例如,如果你想交换一个含4个单元格的区域,指定目标区域为表单边界的一个单元格时,那么交换操作不会发生。 如果交换操作要交换有重叠区域的单元格,那么独立的单元格从重叠区域的转角处开始交换。...想了解更多有关单元格格式的信息,请参考理解单元格类型如何显示数据。你可以使用任意一个清除方法或使用剪贴板的剪切数据操作来删除数据。

2.7K90

鸿蒙 OpenHarmony 移植表格渲染引擎总结

,这里还会处理一些特殊的单元格,比如合并的单元格和选中的单元格 renderLines 则会遍历每行每列去绘制所有行列的间隔线。...,当然这里支持你只传入纯文本,也支持你传入复杂数据结构来装饰单元格,这里的 style 会有默认的值来自于 cellStyle。...,常用的还有画布的事件处理,因为刚才所有的方法都只是表格只查看状态,表格还会被用户所编辑,所以就得监听用户点击和输入的事件,所以我们在表格渲染的时候绑定了 click ,mousedown,mousemove...@sheet-show 表格显示 @sheet-hide 表格隐藏 @click-cell-start 单元格点击前 @click-cell-end 单元格点击后 @click-cell-longpress...自定义组件中绑定子组件事件使用 onXXX 或 @XXX 语法,子组件中通过 this.

2.9K20

Excel编程周末速成班第22课:使用事件

主要内容: Excel事件的类别 编写事件处理程序代码 启用和禁用事件 工作簿、工作表和应用程序级事件 如何使用与对象无关的事件 事件是Excel编程的重要组成部分。...例如,文本框控件具有Click事件,对于名称为txtAddress的文本框,事件处理程序过程必须命名为txtAddress_Click。这是必不可少的,因为过程名称将过程连接到事件。...当用户单击用户窗体上的控件时,也会出现类似情况:MouseDown、MouseUp和Click事件依次发生。 在事件过程中使用Debug.Print语句,你可以确定发生哪些事件以及它们发生的顺序。...你可以将此事件用于数据验证,例如验证在特定单元格中输入的值始终在指定范围内。如果数据不在此范围内,代码将显示一条消息并清除单元格,以便用户可以重新输入数据。...问题在于清除单元格的行为会再次触发Worksheet_Change事件,从而导致Worksheet_Change事件永无止境的循环。

2.8K10

书写高质量jQuery代码的6条经验

一、正确引用jQuery 尽量在body结束前才引入jQuery,不是在head中。 借助第三方提供的CDN来引入jQuery,同时注意当使用第三方CDN出现问题时,要引入本地的jQuery文件。...因为ID选择器和元素选择器是原生的JavaScript操作,类选择器不是,大家顺便可以看下find context 区别,find() children区别。...DOM,jQuery方法还具有一个未充分利用的参数,既可以将一个上下文参数传入jQuery,以限制它只搜索DOM中特定的一部分。...然而,出于一致性考虑,你可以简单的全部使用 on()方法 我是单元格 比如我们要在上边的单元格上绑定一个单击事件,...': 'yellow' });}); 这样会为每个td绑上事件,在为100个单元格绑定click事件的测试中,两者性能相差7倍之多,好的做法应该是下边写法: $('#t').on('click', 'td

1.2K90

使用交互组件(ipywidgets)“盘活”Jupyter Notebook(上)

这是一个完整的教程,介绍如何完全控制小部件来创建强大的仪表盘。我们将从基础开始:添加一个小部件并解释事件如何工作,然后逐步开发一个仪表盘。我将一步一步地指导你,以我们正在进行的示例为基础。...但让我们快速定义一下: 小部件是GUI元素,如按钮、下拉菜单或文本框,它驻留在浏览器中,允许我们通过响应事件和调用指定的处理程序来控制代码和数据。 可以组装和定制这些GUI元素来创建复杂的仪表盘。...单击按钮时调用on_click方法。 我们的事件处理程序btn_eventhandler将打印一条带有按钮标题的短消息——注意,处理程序的输入参数obj是按钮对象本身,它允许我们访问它的属性。...要将事件与处理程序绑定,我们将后者分配给按钮的on_click方法。...format(obj.description))btn.on_click(btn_eventhandler) ? 演示:按钮事件处理程序 下一节我们将很好地了解到,输出与按钮本身显示在同一个单元格中。

13.3K61

AgGrid框架的使用感受及前景分析

这时一个成熟的开发者当然应该用自己的技术来引导甚至改变用户的需求,但无论如何,首先要做的是建立一个基本的数据对象模型,比如ER图。...但是我今天可不是来介绍能力矩阵这个项目的,而是为aggrid做铺垫。...Ag-Grid:媲美Excel的web框架 完美的集合关系模型如何在前端展现呢,最好的办法呢就是画一个表格,经过1个多月的框架抉择,我终于在能力矩阵2.X版本中选择用aggrid来重构整个系统。...简而言之,DOM虚拟化的实现之一就是,DOM元素的数量等于当前屏幕上可见元素的数量,不是整个页面上元素数量。 AgGrid影响力 ?...当鼠标在某一个单元格右击的时候就会自动的刷新focus对象,在右键菜单中就能对当前对象做相应的操作。这就是聚焦的哲学。

5.8K40

java winform开发之JTable全攻略

2)怎样添加行点击事件 首先,在JTable的设计视图中先选中JTable,然后右击,在事件的弹出菜单中依次选中"mouse-click”就可以捕捉表格的点击事件了,在这个事件监听方法中,会传入一个java.awt.event.MouseEvent...,这样,在捕捉事件的时候,只要我从触发事件的行中提取到这个单元格对象出来,就解决了行标记的问题了。...我定义的自定义单元格对象是这样的,有三个属性,一个是id,一个是text,还有一个是自定义对象项,id当然是这个行的唯一标识啦,text是单元格中要显示的内容,自定义对象项,则是为了方便在这个单元格对象中附加一个对象...public void setText(String _cellText){ this.cellText = _cellText; } /** * 获取单元格显示的文本...,能将整个对象获取出来,再作任何复杂的处理,都不怕啦,因为,你已经拥有所需要的一切了。

1.2K30

Excel VBA编程

常用的workbook事件 不是事件事件 application对象的onkey方法 Application对象的OnTime方法 让文件自动保存 设置自定义的操作界面 控件,搭建操作界面必不可少的零件...Double # currency @ string $ 声明变量可以不指定变量类型:在VBA中声明变量是,如果不确定会将类型的数据存储在变量中,可以在声明变量时,只定义变量的名字,不是变量的类型。...每个对象都有属性,对象的属性可以理解为这个对象包含的内容或者具有的特征。对象和属性是相对而言的。...使用工作表事件 工作表事件就是发生在worksheet对象中的事件,一个工作簿中可能包含多个worksheet对象,worksheet事件过程必须写在相应的worksheet中,只有过程所在的worksheet...当任意工作表中的选定区域发生更改时发生 WindowActivate 在激活任意工作簿窗口时发生 windowdeactivate 当任意窗口变为不活动窗口时发生 windowresize 在调整任意工作簿窗口大小时发生 不是事件事件

45.2K21

十大至简规则,用Jupyter Notebook写代码应该这样来

一篇发在 arXiv 上的文章介绍了什么是展示实现代码的十大简单规则,我该又该如何利用它们构建 Jupyter 项目。...Jupyter Notebooks 大大降低了可复现性的困难,它使科学家能够轻松地编写混合了代码、结果和文本的共享计算叙述,从而支持可复现性研究。...版本控制系统比较这些 JSON 文件中的差异,不是用户友好型 notebook GUI(图形用户界面)中的差异。...规则 9:允许阅读、运行和探索 notebook 如果你遵循了前面的规则,那么你的 notebook 应该能够捕获整个过程并易于阅读。但是其他人如何访问、运行和探索它们呢?...将可复现性作为研究小组所有计算工作的关键要素,不是在分析完成后才执行,或被期刊或评审人员要求后才思考。

1.1K20
领券