支持对加载后的表格页面的处理：添加/删除行/列，合并单元格等操作。 此外，它还适用于 React、Angular 和 Vue。...特点如下： 多列排序 非连续选择 过滤数据和验证数据 导出文件 有条件的格式化 合并单元格 隐藏行/列 上下文菜单和注释 Ag Grid Vue 地址：https://github.com/ag-grid.../ag-grid Ag-Grid 是一个基于 Vue.js 的数据表格组件。...其中，“ag” 表示 “agnostic”。内部 ag-Grid 引擎是在 TypeScript 中实现的，零依赖关系。...ag-Grid 通过包装器组件支持 Vue，你可以在应用程序中，就像其他任何 Vue 组件一样使用 ag-Grid。它支持通过属性绑定传递配置，通过事件绑定来处理事件。
同时，支持对加载后的表格页面的处理：添加/删除行/列，合并单元格等操作。 此外，它还适用于React、Angular和Vue。...特点 多列排序 非连续选择 过滤数据和验证数据 导出文件 有条件的格式化 合并单元格 隐藏行/列 上下文菜单和注释 Ag Grid Vue 地址：https://github.com/ag-grid/...Ag-Grid 是一个基于Vue.js的数据表格组件。其中，“ag” 表示 “agnostic”。内部 ag-Grid引擎是在TypeScript中实现的，零依赖关系。...ag-Grid通过包装器组件支持Vue，你可以在应用程序中，就像其他任何Vue组件一样使用ag-Grid。它支持通过属性绑定传递配置，通过事件绑定来处理事件。...Feather 是一套面向设计师和开发者的开源图标库，是一个简单漂亮的开源图标库。 每个图标都设计在一个24×24的网格上，强调简单，一致性和易读性。
这些设计不能扩展到数据网格的复杂要求。...AG Grid构建AG Grid是因为没有其他数据网格能够满足AG Grid的开发需求，正如AG Grid在AG Grid的历史中所解释的那样AG Grid的坚固设计使其能够管理： 数据网格的核心特征和...AG Grid的 React 包完全是用 React 编写的，因此所有用于自定义 Hook 和使用 React 开发工具的常规 React 方法都可以正常工作。网格的 GUI 元素是纯 React。...用户将能够在 Excel 中编辑数据，然后在完成后将数据复制回网格中。03、栏目菜单列菜单从列标题下拉。使用默认选项或提供您自己的选项。04、上下文菜单右键单击单元格时会出现上下文菜单。...08、项目AG Grid有一个API，支持开发人员构建高级功能和扩展网格。09、范围选择将鼠标拖到单元格上以创建范围选择。这对于突出显示数据或复制到剪贴板非常方便。
chaishi (#2002)Alert: 修复内嵌 link 时，hover 会导致 alert 消失 @Lmmmmmm-bb (#2000)Table: 修复 EnhancedTable 树形结构，在编译后的运行过程中缺少实例方法...@duenyang (#1693)Loading: 处理loading在dialog等场景中样式异常的问题 @uyarn (#1694)Breadcrumbe: 修复文字省略样式丢失的问题 @uyarn...@LeeJim (#993)Fab: 视觉升级 @LeeJim (#995)Tag: 视觉升级 @LeeJim (#997)Cell: 视觉升级 @LeeJim (#1003)Grid: 视觉升级 @...: 新增 theme 属性，增加 card 风格 @LeeJim (#1006)Grid: 新增 BadgeProps 属性，透传至徽章组件 @LeeJim (#1006)Grid: 新增 icon 属性...，支持传入图标 @LeeJim (#1006)Grid: 支持当 column = 0 时，将不平分空间，支持滑动 @LeeJim (#1006) Bug FixesButton: 修复有主题的幽灵按钮颜色丢失的问题
组件库Vue2 for Web 发布 0.49.3 FeaturesInput: @chaishi (#1700) 支持在输入框实时显示数字限制支持对 unicode 字符长度的判定status 为空时...#1556修复表格可编辑单元格的验证错误不能被正常清除问题，issue#1637本地分页表格中，使用拖拽排序，数据交换结果不正确，issue#1342Dialog: 修复参数 footer = false...时，footer 节点仍然渲染的问题 @huangpiqiao (#1713)Datepicker: 修复 popupProps.onVisibleChange 方法不能正常触发的问题 @xiaosansiji...cellAppend 插槽后可能样式会有异常的问题 @PsTiu (#1721)Textarea: 修复status的类型问题 @yaogengzhu (#1710)TimePicker: 修复12小时制时分的显示异常...selectProps 和 selectProps.popupProps 到组件 Pagination，以便实现挂载节点等复杂场景需求， issue#1611 @chaishi (#1638)Input: 支持在输入框实时显示数字限制
Popup: 修复 document click 多次触发导致异常关闭的问题 Progress: 修复 theme = plump 且 percent = 10 时没有展示文案的问题 Form: 修复不能在表单项内换行输入的问题...dialog 组件点击警告 Steps: 修复 readonly 状态下依然可以点击 Cascader: 修复动态改 options 为空数组不生效, 可过滤状态下的下拉面板拉起闪烁,可过滤状态下的输入内容未被正常销毁..., 修复在非输入状态下不能显示清除按钮, 修复在 single 模式下 inputValue 的受控表现 Features ColorPicker: 新增 ColorPicker 颜色选择器组件, 请参照官网使用...Stepper: 修复图标偏移的问题 Search: 修复 action-click 事件不生效的问题 Textarea: 修复 Form 无法获取值的问题 Feature 增加点击态 Grid Tabbar...tdesign-miniprogram/releases/tag/0.7.1 解决方案及周边 ---- TDesign Vue Starter 发布 0.1.4版 Features 新增多标签 Tab 页功能 升级组件库依赖
这些组件库的文档和社区支持可以使得后期维护和升级变得更加容易。...1、React Grid Layout：让页面布局灵活多变 在众多React组件库中，React Grid Layout以其独特的功能和灵活性脱颖而出。...https://github.com/react-grid-layout/react-grid-layout 2、React Beautiful DND：让拖拽体验更加美观流畅 在现代网页设计中，拖拽功能不仅仅是一种交互方式...使用简单：React FontAwesome通过组件封装FontAwesome图标，使得在React项目中使用图标变得非常简单直观。...易于使用：通过简单的组件封装，可以轻松地在React组件中引入和使用，实现代码的高亮显示。
接下来我们聊聊React Table的发展史。 React Table发展史 在2015年时，「Tanner」是一家创业公司nozzle的联合创始人。...nozzle的主营业务是：反向爬取Google搜索结果页的数据，将这些数据整合分析后，提供给有SEO需要的广告主。 这就需要做很多数据可视化相关工作。...当时nozzle的技术栈是Angular，使用ag-grid实现表格。 为了项目的后续发展，「Tanner」决定将项目整体迁移到React技术栈。...按理说，AG Grid应该是Tanstack Table的直接竞争对手。...以求两者共同覆盖尽可能多的应用场景 AG Grid团队甚至是Tanstack的大赞助商： 这种「合作共赢，一起把蛋糕做大」（或者说「寡头垄断」）的开源模式，值得广大开源作者借鉴。
0.18.1 FeaturesTable: 树形结构，支持 resetData 重置整个树形结构数据TagInput: 支持标签拖拽Slider: Slider新增showStep属性控制步长刻度值显示...form 数字字符串长度校验错误问题List: 修复 ListItem 透传 style 问题DatePicker: 修复重置日期后面板月份未重置问题ColorPicker: 修复添加颜色受控/非受控不能点击的问题详情见...，具体查看文档Grid: external-classes 属性增加 t-class-contentGrid: 新增 CSS Variable 调整宫格背景、文本等颜色，具体查看文档Search: 新增...CSS Variable 调整 Search 字体、背景、图标等颜色，具体查看文档Rate: 新增 CSS Variable 调整 Rate 辅助文本、选中、未选中及禁用态图标颜色，具体查看文档Input...、列表项下边框颜色，具体查看文档 Bug FixesTabs: 修复值等于 0 时不能正常切换的问题Textarea: 修复超出 maxcharacter 后，仍能继续输入的问题Picker: 修复因重复定义
Iconfont 和 SVG 优缺点对比 在上文中介绍了使用 iconfont 的缺点，以及使用 SVG 的优点，简单归纳为以下几点： Icon 的缺点 当网络不好的时候，会显示方块 如只使用一个图标，...字体冗余 维护依赖 iconfont 平台 在组件开发的时候命名冲突 使用 SVG 的优点 完全离线化使用，不需要从 CDN 下载字体文件，图标不会因为网络问题呈现方块，也无需字体文件本地部署。...在低端设备上 SVG 有更好的清晰度。 支持多色图标。 SVG 可以支持动画 并给出了最终方案，放弃使用字体，使用 SVG 代替 iconfont。...装完插件后会在原先的下载按钮边上多出一个复制按钮，点击复制按钮复制 react 代码，就可以在 react 项目中粘贴使用了。...接下来我们只需要通过 Dom api 获得当前点击元素的 SVG 代码 在每个图标的操作覆盖层加入一新图标，用于复制 react component 原先是块级布局，一列显示 3 行 为了减少页面空间
suggested_activity['price'], delta='') 延伸阅读 Bored API 目前这个网站无法登录 st.info 这里面的第二个参数是一个icon，也就是一个符号 在警报旁边显示的可选表情符号或图标...如果图标为 "无"（默认），则不显示图标。如果图标是字符串，则以下选项有效： 单字符表情符号。例如，可以设置 icon="" 或 icon=""。不支持表情符号简码。...例如，icon=":material/thumb_up: "将显示拇指向上图标。在 Material Symbols 字体库中查找其他图标。.../react-grid-layout#grid-item-props layout = [ # 编辑器对象定位在坐标 x=0 且 y=0 处，占据 12 列中的 6 列以及 3 行 dashboard.Item.../react-grid-layout#grid-layout-props # https://github.com/react-grid-layout/react-grid-layout#responsive-grid-layout-props
@chaishi (#2070)Tooltip: 修复继承 Popup 组件 disabled 属性失效 (issue #1962) @Zzongke (#2069)Calendar: 修复日历组件在月历模式下高亮显示的...新增支持 type = nickname @LeeJim (#1115)Calendar: 自动滚动到 value 对应的月份 @LeeJim (#1119)Calendar: 新增 change 事件，在不显示确认按钮时使用...@LeeJim (#1120)Checkbox: 无障碍支持 @Isabella327 (#1105)Grid: 新增 iconProps 属性 @anlyyao (#1123)Icon: 新增支持...组件库升级至 0.50.1 及请参照改动 @uyarn #195 Features升级 axios 至 1.0 版本 Bug Fixes修复组件库升级至 0.50.0 及以上由于头部高度变化导致部分导航模式样式异常的问题...Starter 发布 0.2.0❗ Breaking Changes升级组件库依赖至 0.43+ 更新主题色配色方案 by @uyarn in Tencent/tdesign-react-starter
Web Component 单文件组件 Web Component API 是为了取代 iframe 组件和 Vue 组件等而推出的浏览器原生接口，虽然不能 100% 取代 Vue、React 等框架，...以.js 文件为组件 文件中通过字符串模板定义 html 和 css，然后在自定义元素的构造函数中引入它们。...，然后随时通过字体设计软件来编辑它————后者在发布的时候无须删除任何多余文件，更加方便。...虚拟 DOM 99% 的页面交互都不需要引入虚拟 DOM （既有优点也有缺点），只有当巨量 DOM 元素存在的时候，比如大型分页表格，这时才需要考虑虚拟 DOM，而常见的表格框架例如 ag-grid、tabulator...、grid.js 都内置了虚拟 DOM，我们只要学会使用框架就好了。
)Datepicker: @luwuer (#1587) 修复 t-date-picker__cell--active-start 和 t-date-picker__cell--active-end 在第二次操作时错序的问题...@chaishi (#1616)修复 Form 控制禁用状态失效问题 @chaishi (#1621)Tabs: 支持 list api @NWYLZW (#1598)修复 activeId 下划线不能跟随内容变动而变化的问题...类型错误，取消 String 类型，新增 Boolean 类型 @anlyyao (#421)NoticeBar: 修复 content 和 extra 内容重复渲染问题 @anlyyao (#421)Grid...: 修复 image 插槽无法正常渲染的问题 @LeeJim (#423)详情见：https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.12.2...新增图片查看器组件Search：新增搜索组件，新增不同类型组件，添加自适应逻辑Timeline：新增时间轴组件Table：新增不同类型组件，应用独立边框样式⚠️ ChangeSteps：解决步骤条组件错误图标颜色显示不正确问题
与每个管理系统一样，我们需要选择一个网格来显示我们的数据，而我的前任已经在应用程序中使用了两个网格 - ag-Grid（v2.7）和Ng-Table（v0.8.3） - 我热情地讨厌前者。...我查看了AngularJS 1.x的多个网格项目，没有像ag-Grid那样活跃，当我随便链接链接时，我登陆了ag-Grid示例页面。我的前任做错了！...后来，我添加了自己的数据虚拟化（在ag-Grid上重构之前）并且享受了网格API提供的一些很酷的东西。完成后，CRM的开发很快。...生活很棒，我不能完全感谢这个网格。 一路上的问题： u=206869540,1219998422&fm=26&gp=0.jpg 早期问题 在我使用这个网格的开始，我主要依赖于主要示例的源代码。...“ 现在，对JavaScript的数据网格，尤其是AngularJS 1.x的教育和经验，我只是笑着教他们关于ag-Grid。
升级准备 请先升级到 3.x 的最新版本，按照控制台 warning 信息移除/修改相关的 API。 升级项目 React 16.12.0 以上。...如果你仍在使用 React 15，请参考React 16 升级文档 其余 React 16 废弃生命周期 API 请参考 迁移导引 4.0 有哪些不兼容的变化 设计规范调整 行高从 1.5(21px)...图标升级 在 antd@3.9.0 中，我们引入了 svg 图标（为何使用 svg 图标？）。...在 4.0 中，我们调整了图标的使用 API 从而支持 tree shaking，减少 antd 默认包体积约 150 KB(Gzipped)。...修改后可以反复运行上述命令进行检查。 ? 注意 codemod 不能涵盖所有场景，建议还是要按不兼容的变化逐条排查。
Drawer: 修复头部渲染异常问题Input: 修复 Input 组件 切换 type 后不生效的问题全局配置: 修复 useConfig computed 属性计算导致列表渲染卡顿问题详情见：https...0.15.0Vue3 for Mobile 发布 0.9.1 FeaturesToast: 新增 overlayProps 属性透传至 overlay 组件，新增 showOverlay 属性控制遮罩层显示...Button: 支持 4 种类型Overlay: 新增组件DropdownMenu: 新增 toggle 方法用于切换菜单Tag: 升级样式以及支持左图标 Bug FixesMessage: 优化用法，...for Mobile 发布 0.1.1 FeaturesTag: 视觉升级以及新增支持左图标Progress: 新增 Progress 组件Fab 新增 Fab 组件 Bug FixesSearch:...处理方式，保证 vue 版本在 2.7 以下，vue-template-compiler 版本与 vue 一致，升级 vite-plugin-vue2-svg 版本到 0.3.0详情见：https://
生成架构后，您可以在“构建”选项卡上执行查询。...: an Ultimate Guide — 学习如何使用 React、GraphQL 和 Cube.js 构建动态仪表板 React 查询构建器 和Vue 查询构建器 — 了解如何使用 React 和...Cube.js 最强大的功能之一，可显着提高仪表板和报告等应用程序的性能 构建一个开源的 Mixpanel 替代方案— 关于使用 Cube.js 构建生产就绪应用程序的两部分系列：第 1 部分：收集和显示事件...的角度仪表板 演示 AG网格 使用 AG Grid 反应数据透视表 演示 地图盒 使用 Mapbox 构建基于地图的数据可视化 演示 Retool 使用 Retool 构建内部仪表板 演示 Cube.js...目前很多的低代码的兴起和各种BI的开源项目，也为分析提供了很多的便利，但是很多公司为了能够满足自己的个性化的需求，也在寻求在开源的基础上进行二次开发，那么Cube.js也是个不错的选择。
点开后，开发和设计都可以直接在官网实时调整主题内容并预览实际效果，确认主题效果后，点击 “下载按钮”，会导出一个主题 CSS 变量文件，将这个文件引入到项目中即可。...注意：这个插件不支持在同时打开多个项目时显示代码提示，一个编辑器窗口，一个项目。...准备好框架版本号和可复现问题链接后，就可以开始在群里或者 issue 中提问和咨询了。下图为提 issue 的位置，每个组件页面都有对应的按钮组，点击进入即可。...如果你们的业务已经成功升级，在升级过程中也遇到些特别的问题，欢迎分享经验，以供大家参考，相信会有很多同学向你们表达感激。...React 更新日志Vue2 更新日志Vue3 更新日志升级过程中遇到的所有问题，都可以联系我们进行沟通和处理。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
