首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Vue.js——组件快速入门(下篇)

    prop 允许外部环境传递数据给组件; 事件 允许组件触发外部环境的 action; slot 允许外部环境插入内容到组件的视图结构内。...第1步——创建表格组件,添加查询和删除功能 创建表格组件,添加过滤,数据删除功能 过滤器 {{ col.name | capitalize}}使用了capitalize过滤器,将字符串的首字母转换为大写后输出。...filterBy filterKey 使用了filterBy过滤器,根据指定条件过滤数组元素,filterBy返回过滤后的数组。 4....总结 说到底,组件的API主要来源于以下三部分: prop 允许外部环境传递数据给组件; 事件 允许组件触发外部环境的 action; slot 允许外部环境插入内容到组件的视图结构内。

    10.6K51

    Web前端:2022年十大React表库

    它提供过滤、列查看/隐藏、搜索、导出到 CSV 下载、打印、可选行、分页和排序等功能。除了在大多数视图上定制样式的能力外,移动/平板设备还可以使用两种“堆叠”和“滚动”响应模式。...Rc-Table 5、另一个有用的 React Table 库是 Rc-Table,它由许多独特的功能和轻量级组成,有助于通过列标题上的下拉菜单过滤数据,它还提供了很多带有源代码的示例。...React Data Grid 7、React Data Grid 有一个功能齐全的控件,用于以表格格式查看数据。...广泛的功能包括数据绑定、编辑、类 Excel 过滤、自定义排序、行聚合、Excel、CSV 和 PDF 格式收集和支持。为了获得出色的性能,数据网格具有集成架构。...许多功能,如分页、本地或远程数据排序等,都可以轻松地从外部添加。 React–Datasheet 10 它是创建电子表格的简单反应组件。

    2.7K10

    【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

    AG Grid目前提供两个版本地产品,分别是AG Grid Community和AG Grid Enterprise,AG Grid Community是免费和开源的,AG Grid Enterprise...02、扩展到数据网格的复杂要求几乎所有其他JavaScript数据网格都开始解决特定问题(例如过滤器和排序,或数据透视表),但随后无法扩展。这些设计不能扩展到数据网格的复杂要求。...AG Grid构建AG Grid是因为没有其他数据网格能够满足AG Grid的开发需求,正如AG Grid在AG Grid的历史中所解释的那样AG Grid的坚固设计使其能够管理: 数据网格的核心特征和...10、设置过滤器Set Filter的工作方式与Excel类似,提供复选框以从集合中选择值。11、工具面板工具面板允许用户操作列列表,例如显示和隐藏,或拖动列进行分组或旋转。...03、交叉过滤图表 API交叉过滤图表允许用户以简单直观的方式与数据交互。单击图表元素会自动过滤网格和其他交叉过滤图表中的值。

    6.3K40

    TDesign 更新周报(2022 年 3 月第 4 周)

    组件库 ---- Vue2 for Web 发布 0.38.0 版 ⚠️BREAKING CHANGES Input/Textarea: Input 外部传入样式挂载至 t-input__wrap 层级的...github.com/Tencent/tdesign-vue/releases/tag/0.38.1 Vue3 for Web 发布 0.11.0 版 ⚠️BREAKING CHANGES Input: 外部传入...层 Bug Fixes Dialog: 修复 dialog 组件点击警告 Steps: 修复 readonly 状态下依然可以点击 Cascader: 修复动态改 options 为空数组不生效, 可过滤状态下的下拉面板拉起闪烁...,可过滤状态下的输入内容未被正常销毁 TimePicker: 修复此刻快捷标签文案配置, focused 态样式修复 Upload: 修复 method props 失效 SelectInput: 修复在非输入状态下无...但不显示的问题 Stepper: 修复图标偏移的问题 Search: 修复 action-click 事件不生效的问题 Textarea: 修复 Form 无法获取值的问题 Feature 增加点击态 Grid

    1.3K30

    前端三驾马车(HTMLCSSJS)核心概念深度解析

    二、CSS 核心:Flex 与 Grid 布局的实战用法 CSS 布局是前端开发的 “重头戏”,而 Flex(弹性布局)和 Grid(网格布局)是目前最主流、最高效的两种布局方式。...Grid 布局:解决 “二维网格” 问题 Grid 布局通过display: grid将父容器划分为 “行” 和 “列”,直接控制子元素在网格中的位置,适合实现复杂的二维布局(如仪表盘、表单、卡片网格等...闭包:JS 函数的 “记忆能力” 闭包的定义是:一个函数能够访问其外部函数作用域中的变量,即使外部函数已经执行完毕。简单来说,闭包让函数拥有了 “记忆能力”,能记住它诞生时的 “环境”。...当你招聘店员后(外部函数执行),即使你不在店里(外部函数执行完毕),店员依然能查看账本(内部函数访问外部变量),这就是闭包 —— 店员 “记住” 了账本的位置。...function createCounter() { let count = 0; // 外部函数的变量,被内部函数引用 // 内部函数,访问了外部变量count &#

    15610
    领券