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

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

特点 多排序 非连续选择 过滤数据和验证数据 导出文件 有条件的格式化 合并单元格 隐藏行/ 上下文菜单和注释 Ag Grid Vue 地址:https://github.com/ag-grid/...Ag-Grid 是一个基于Vue.js的数据表格组件。其中,“ag” 表示 “agnostic”。内部 ag-Grid引擎是在TypeScript中实现的,零依赖关系。...ag-Grid通过包装器组件支持Vue,你可以在应用程序中,就像其他任何Vue组件一样使用ag-Grid。它支持通过属性绑定传递配置,通过事件绑定来处理事件。...表格组件具有许多内置功能,比如说,单元格省略号、固定/灵活的大小调整、自定义过滤等等。...Vue-Good-Table是一个基于Vue.js的数据表组件,简单、干净,具有排序、过滤、分页等更多基本功能。

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

Godot Engine:跨平台游戏开发的新境界 | 开源日报 No.92

该引擎支持将游戏一键导出到多个平台上,包括主要桌面平台 (Linux、macOS、Windows)、移动平台 (Android、iOS) 以及基于 Web 和控制器的平台。...跨平台:通过简单点击即可将您创作完成的项目导出至各种流行操作系统与设备。 免费开源:使用极其自由放任度很高 MIT 许可证发布,并得到社区驱动式维护与更新。...它支持 React / Angular / Vue / 纯 JavaScript,并提供了标准网格所需的所有特性,如交互、分页、排序和行选择等。...Significant-Gravitas/Auto-GPT-Plugins[5] Stars: 3.7k License: MIT Auto-GPT-Plugins 是 Auto-GPT 的插件集合,.../ag-grid: https://github.com/ag-grid/ag-grid [3] mapbox/mapbox-gl-js: https://github.com/mapbox/mapbox-gl-js

37110

将文件系统作为数据库的体验如何?

CSV with ag-grid & chart.js 功能概述 基于web的表格处理/图形渲染系统, 支持csv文件的导入导出, ag-grid的本地scrud, 以及chart.js框架的图表统计...CSV规范格式 能够读取的CSV格式必须符合通用标准,比如首行必须是表头,第二行开始是数据,可以有跨行单元格(系统会向上寻找到存在的元素并拷贝),系统自动识别数值类型并转化,但并不识别数值....前后端模块一览 ag-grid(enterprise): 不用说了, 所见过最强大, 最良心, 文档最完善的网格框架 chart.js: 一种轻量级的统计图框架, 支持八种图表 CryptoJS: js...主菜单一览 import: 将本地csv文件导入到浏览器中进行计算和渲染 upload: 上传本地csv文件备份到服务器的文件系统 server: 打开服务器文件系统 export: 将浏览器中编辑后的新表格导出

3K20

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

免责声明:文章源于本人闲情雅致,没有任何广告意图 我向来是不屑于使用前端框架的,最多用一些ui组件,但是ag-grid这个框架太TM好用了。...CompetenceX:我开发的第一个网站 大三在博世西门子实习期间,我为公司开发了人生中第一个像模像样的H5网站:CompetenceX(能力矩阵管理系统,以下简称能力矩阵或C9X)。...例如,如果您将1,000条记录和20加载到网格中,但用户只能看到50条记录和10(因为其余的未滚动到视图中),则网格仅呈现用户的50行和10可以实际看到。...哦,对了,AgGrid还有一个“免费”的community版本不建议使用,因为正真有价值的功能模块包括图表,侧边栏,行列过滤器,搜索引擎,Excel导入导出,右键菜单,索引等核心功能全都在enterprise...设计focus对象 focus对象是我常用的一种自定义对象,通常挂载在window.app上,但在aggrid这个重量级框架面前,也可以挂载在元素上面。

5.7K40

基于web的项目资源分配系统

,根据当前可视窗口的内容自动调整每一的宽度。 4.Reset Columns。重置表格到最开始的形状。 5.Group(only)by [column]。对当前聚焦的进行一级索引。...除了这6种批量的变形操作,还可以对某一某一行进行单独操作,比如在侧边栏可以过滤行或隐藏,表头位置可以排序,手动调整列宽和顺序,手动折叠/展开索引等。...4.2.3 Excel导出 这个功能可以让用户将当前编辑过的表格导出成excel文件[10],这个功能设计在右键菜单中。 和excel导出有关的模块是表格交互模块。...(默认隐藏5)Project:某一个项目名(ID)。 6)Project Type:该项目的类型。 7)Sub Project Type:项目子分类。...3)package.json:node项目说明文件,从开发环境的角度描述了整个项目。 4)LICENSE:项目开源许可证。 5)index.js:项目的入口执行文件,通过node命令解释执行。

4.4K70

《后现代全栈系统的设计与应用》

从用户的角度,可以画出一个用户需求图: ?...,根据当前可视窗口的内容自动调整每一的宽度。 4.Reset Columns。重置表格到最开始的形状。 5.Group(only)by [column]。对当前聚焦的进行一级索引。...除了这6种批量的变形操作,还可以对某一某一行进行单独操作,比如在侧边栏可以过滤行或隐藏,表头位置可以排序,手动调整列宽和顺序,手动折叠/展开索引等。...(默认隐藏5)Project:某一个项目名(ID)。 6)Project Type:该项目的类型。 7)Sub Project Type:项目子分类。...3)package.json:node项目说明文件,从开发环境的角度描述了整个项目。 4)LICENSE:项目开源许可证。 5)index.js:项目的入口执行文件,通过node命令解释执行。

1.1K20

快速入门Tableau系列 | Chapter02【数据前处理、折线图、饼图】

注意:原只能隐藏,不可删除。拆分后出现的可以删除。 拆分分为两种类型:直接拆分和自定义拆分,具体过程如下图: ?...上图标记的一些解释: 1、原始数据只能隐藏 2、可删除,标题头可修改 自定义拆分数据如下图: ?...5、绘制折线图 绘制折线图的的一般步骤: 1、把各自需要用到的部分拉到对应的地方 2、删除为NULL的点 3、设置标签格式 5.1 绘制电影数量变化折线图 ①移动对应部分到行和,以及标签:...④导出:工作表->导出->图像 ? ? 导出图像时除了查看和颜色图例时必须的,其他均可省略。 6.2 酒店价格等级环形图 何为环形图,环形图其实是饼图的一个变种。...“价格等级”脱至“颜色”,“总计(记录数)”拖至“角度”。画好饼图先不添加标签。 ?

2.7K31

一张图解析 FastAdmin 中的表格列表

工具栏按钮 5. 动态渲染统计信息 6. 快速搜索 7. 浏览模式、显示隐藏导出、通用搜索 9. 复选框 10. 分类名称(关联查询) 11. 标志 12. 图片和图片组 13. 开关 14....var Controller = {    // ...}$('.btn-test').click(function () {    console.log('btn-test 被点击了..');}) 5....浏览模式、显示隐藏导出、通用搜索 ---- 浏览模式可以切换卡片视图和表格视图两种模式,关闭此功能使用: showToggle: false 显示隐藏可以快速切换字段的显示和隐藏,关闭此功能使用...: showColumns: false 导出按钮默认将导出整个表的所有行,关闭导出功能使用: showExport: false 通用搜索指表格上方的搜索,关闭此功能使用: commonSearch:...// 关闭通用搜索功能    commonSearch: false,    columns: [[        // visible: false 字段默认隐藏        <span cla

4.8K10

EaysPoi导出的时候根据权限动态导出列——反射实现

前言: 前段时间,因为业务需求需要根据用户角色动态导出excel,不同角色看到的不同。...以前用到的方法基本是(或者有其他土方法),创建多个实体类,每个实体类对应的不同,以此来实现动态导出,但显然这是个笨方法,虽然省时省力,但好像总觉得哪里不对。...private Integer status; } 我们需要用到的是EasyPoi官方那个提供的属性 isColumnHidden: // 点击@Excel注解进去看到源码 /**  *  是否需要隐藏...这样所有导出都没有学生,但是如果教师(TC)(你们可怕的班主任或者往上的教导主任)导出时时可以看到年龄信息的。...,titleName);                 }             } catch (Exception e) {                 log.info("设置隐藏转换失败

84920

Fastadmin使用—技巧提升篇

不定时更新.只为记录. 1.关于页面有上角生成的导出,切换,.搜索....如果不需要的话可以在对应的js文件中添加如下代码.即可屏蔽 //切换卡片视图和表格视图两种模式 showToggle:false, //显示隐藏可以快速切换字段的显示和隐藏 showColumns:...false, //导出整个表的所有行导出整个表的所有行 showExport:false, //搜索 search: false, //搜索功能, commonSearch: false, //表格上方的搜索搜索指表格上方的搜索...里面初始化表格参数配置之前添加 $.fn.bootstrapTable.locales[Table.defaults.locale]['formatSearch'] = function(){return "试试搜索吧";}; 5....点击搜素不想要那个字段的话可以在对应的js中columns中 添加operate:false即可不展示该字段的搜索 {field: 'name', title: __('Name'),operate:false}, 6.复选框的隐藏

4.1K30

ExcelJS导出Ant Design Table数据为Excel文件

我们的项目中需要导出 Excel 的需求还是挺多的,找了一个处理导出 Excel 的库 ExcelJS ,npm包。...可以满足(但不限于)以下需求: 简单表格导出 为表格添加样式(更改背景色、更换字体、字号、颜色) 设置行高、宽 解析 ant-design 的 Table 直接导出 excel,根据 antd 页面中设置的宽动态计算...D.O.B.']; // 从现在开始,此列将以 “dob” 而不是 “DOB” 建立索引 dobCol.key = 'dob'; dobCol.width = 15; // 如果需要,隐藏 dobCol.hidden...用 Ant Design Table 写了一个简单的表格,并设置了宽: 可以看到,导出的 excel 宽比例跟在线的表格是一致: 图片 源码: import { Table, Button ...设置数据(表头)和每行的数据。 导出 excel。

5.1K30

ExcelJS导出Ant Design Table数据为Excel文件

我们的项目中需要导出 Excel 的需求还是挺多的,找了一个处理导出 Excel 的库 ExcelJS ,npm包。...可以满足(但不限于)以下需求: 简单表格导出 为表格添加样式(更改背景色、更换字体、字号、颜色) 设置行高、宽 解析 ant-design 的 Table 直接导出 excel,根据 antd 页面中设置的宽动态计算...D.O.B.']; // 从现在开始,此列将以 “dob” 而不是 “DOB” 建立索引 dobCol.key = 'dob'; dobCol.width = 15; // 如果需要,隐藏 dobCol.hidden...用 Ant Design Table 写了一个简单的表格,并设置了宽: 可以看到,导出的 excel 宽比例跟在线的表格是一致: 源码: import { Table, Button } from...设置数据(表头)和每行的数据。 导出 excel。

39330

如何通过 VBS 操作 WINCC 在线数据控件并导出至 EXCEL(附带程序)

(选择部分列) 3、项目组态 3.1 画面部件说明 图 5 测试画面部件说明 3.1.1 添加时间控件 添加 WINCC Activex 控件 Date and time picker,如下图:...如果更换了模板或路径,必须修改导出脚本内的路径。 模板内主要设置了字体、数据格式、显示的小数点位数和宽,也可再增加页眉、页脚、LOGO 等,以达到更好的显示效果。...行:记 录,:参数 Set col = tbl1.GetValueColumnCollection'数值 '序号 Value(0,0)="序号" For j = 1 To RowCount...,否则跳出 tbl1.ValueColumnIndex= i-2 If tbl1.ValueColumnVisible Or (i = 1) Then '时间,或数值显示...不考虑是否隐藏), 当 celltext()指向隐藏时,数据为空。

6.5K50

Pandas 表格样式设置指南,看这一篇就够了!

02 隐藏索引 用 hide_index() 方法可以选择隐藏索引,代码如下: df_consume.style.hide_index() 效果如下: 隐藏索引 03 隐藏 用 hide_columns...() 方法可以选择隐藏或者多,代码如下: df_consume.style.hide_index().hide_columns(['性别','基金经理','上任日期','2021']) 效果如下...: 隐藏 04 设置数据格式 在设置数据格式之前,需要注意下,所在的数值的数据类型应该为数字格式,如果包含字符串、时间或者其他非数字格式,则会报错。...复杂样式 当样式设置较多时,比如同时隐藏索引、隐藏、设置数据格式、高亮特定值等,这个时候有些操作在导出后使用时并没有效果。...excel 后,我从 excel 中打开查看了下效果如下: 可以看出,跟共享样式里有些相同的问题,比如隐藏索引、隐藏、设置数据格式等效果并没有实现。

2.8K21

Pandas 表格样式设置指南,看这一篇就够了!

隐藏索引 03 隐藏 用 hide_columns() 方法可以选择隐藏或者多,代码如下: df_consume.style.hide_index().hide_columns(['性别','基金经理...隐藏 04 设置数据格式 在设置数据格式之前,需要注意下,所在的数值的数据类型应该为数字格式,如果包含字符串、时间或者其他非数字格式,则会报错。...复杂样式 当样式设置较多时,比如同时隐藏索引、隐藏、设置数据格式、高亮特定值等,这个时候有些操作在导出后使用时并没有效果。...11 导出样式到Excel 导出样式到 Excel 中,这个功能还是比较实用的。 DataFrames 使用 OpenPyXL 或XlsxWriter 引擎可以将样式导出到 Excel 工作表。...可以看出,跟共享样式里有些相同的问题,比如隐藏索引、隐藏、设置数据格式等效果并没有实现。 推荐阅读

10.5K95
领券