凌波不过横塘路,但目送,芳尘去,锦瑟年华谁与度? 如果放弃使用webpack及脚手架进行基于Vue的项目开发,效果会怎样?如何进行组件化?如何进行状态管理? 背景 上周末原本打算去找朋友玩,但是另外一
说到拖拽工具库,非大名鼎鼎的的 Sortablejs 莫属。它是前端领域比较知名的,且功能强大的工具。但我们直接使用Sortablejs的情况很少,一般都是使用基于它的封装工具。今天推荐的 VueDraggablePlus 亦是如此。
博客地址:http://www.globm.top/blog/1/detail/41 最近在使用element table的时候,经常会遇到排序的问题,如果只是简单的排序的话,element官方已经给出了指定的方法
好啦, 今天的分享就到这里啦, 如果你有好用的库推荐, 欢迎在评论区反馈~ 后续会在 趣谈前端 中持续总结复盘, 让技术工作更高效
https://segmentfault.com/a/1190000019151460
该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于 vue.js,使用 vue-cli3 脚手架,引用 Element UI 组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。
为了提高大家开发 React 项目的效率, 笔者结合自己的实际工作经验, 汇总如下React项目常用插件.
本文完整版:《React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发》
Element table 上下移动,听起来是不是很简单的需求,产品的描述也简单:表格数据支持拖动上下移,支持通过选择表格行数据点击按钮上下移。最终效果大概如下(模拟数据共7条,去除了关联的业务操作)
今天给大家推荐一款我朋友基于vite开发的开箱即用的后台管理模版 vue3.0-template-admin. 目前已在github上完全开源, 相关配套功能非常齐全, 大家可以一键clone这个项目快速搭建后台管理系统, 如果想快速上手 vite + vue3.0 开发的朋友, 这个项目也是不错的选择.
layui的数据表格是使用频率非常高的组件,在入门篇,我们已经大致了了解了数据表格的方法级渲染,接下来我们深入研究和学习layui-table组件的使用方法。
layui是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用,非常适合界面的快速开发。layui区别于那些基于MVVM底层的UI框架,不需要各种前端工具的复杂配置,只需面对浏览器本身。
jQuery UI是 jquery官方推出的配合jquery使用的用户界面组件集合!包含了许多的界面操作功能,如我们常用的表格排序,拖拽,TAB选项卡,滚动条,相册浏 览,日历控件,对话框等 JS插件~~可以很方便的开发用户界面上的功能,使得您的开发工作事半功倍~~不用写繁琐的JS代码。 jQuery UI提供了一个强大的CSS Framework,为用户定义使用jQuery widgets。其中的ThemeRoller更是让你随心所欲地操作设计不同风格的网页界面。 jQuery UI是一套基于jquery
有分析意义的数据一般是表结构,即分为行与列,列定义了数据含义,行则构成了数据明细。
单纯的控件只是展示了简陋的视觉UI和基本行为,在实际开发中需要用到的是经过各种样式装饰和动画还有丰富行为的UI,而且还会被重复利用。所以为了降低代码重复率,提高开发效率,一般开发会把一个或多个控件的结构、样式、行为、联动封装到一个文件中,这样一个组合文件就称为“组件”。
项目要将 angular 从 1.5升级到 5,ui-grid 在 5 中并不支持,所以为了替换 ui-grid ,来学习了 ag-grid 。
作者:lin1997 原文链接:https://juejin.im/post/6888125003024629768
今天,我们将使用Vue.js来实现一个跨表格相互拖拽。在开发这个业务之前呢,也调研了网上很多解决方案,但个人感觉不太符合现在做的这个需求。所以,压根就自己再开发一套,方便以后维护。
大数据这个行业在科学发展的潮流中也变得越来越火了,来带你看看大数据工程师需要学习哪些必备知识和技能呢?
Pandas是我们日常处理表格数据最常用的包,但是对于数据分析来说,Pandas的DataFrame还不够直观,所以今天我们将介绍4个和Pandas相关的Python包,可以将Pandas的DataFrame转换交互式表格,让我们可以直接在上面进行数据分析的操作。
在做一些后台管理系统时,表格的数据信息展示是很常见的需求,而对应的都是一些增删改查的操作
在前面的文章里面已经写过了“UITableView基础”,所以这篇里面就不再对这里面的内容进行介绍。如果有幸去瞄一眼的,可以通过文章下面的拓展链接传送门去看。& 今天重点聊一聊UITableView中经常使用到的代理方法及属性。本文不是工具箱,所以不会将所有的属性和方法都写下来噢。只是总结经常使用到的。太完整的也记不住,真的是要用的时候临时翻一下.h文件看看也行。 1. 常用属性 1.1 分隔线属性 属性名称 数值 作用 separatorStyle UITableViewCellSeparatorStyl
树形结构是一种非常常见的数据结构,它由一组以层次关系排列的节点组成。树的结构类似于自然界中的一棵树,树根对应顶层节点,而子节点则分支延伸出来。
Pandas是我们日常处理表格数据最常用的包,但是对于数据分析来说,Pandas的DataFrame还不够直观,所以今天我们将介绍4个Python包,可以将Pandas的DataFrame转换交互式表格,让我们可以直接在上面进行数据分析的操作。
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.40.2
Pivottablejs是一个通过IPython widgets集成到Python中的JavaScript库,允许用户直接从DataFrame数据创建交互式和灵活的汇总报表。可以进行高效、清晰的数据分析和表示,帮助将数据从Pandas DataFrame转换为易于观察的交互式数据透视表。
拖拽在前端领域中已经是一个非常常见的交互方式了,今天给大家介绍几个拖拽库,不仅可以提高提高效率,还可以使你的拖拽效果更加丝滑~
el-table 的拖拽使用 Sortable.js 官方文档 :https://github.com/SortableJS/Sortable
一直以来,许多产品平台都在尝试通过可视化搭建的手段来降低 GUI 应用的研发门槛,提高生产效率。随着我们业务的发展,数据建设的完善,用户对于数据可视化的诉求也日益增多,而数据大屏是数据可视化的其中一种展示方式,它作为大数据展示媒介的一种,被广泛运用于各种会展、公司展厅、发布会等。
vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。
经常性逛github,发现了一些优秀的开源项目,其中的框架及代码非常不错,现在给大家推荐三个快速开发平台。
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.0
可视化导航地址:http://wep.turntip.cn/web?id=d1717408910631&uid=wep_251711700015023
http://www.itxst.com/sortablejs/neuinffi.html
一款强大且兼容性极好的拖拽排序库, 兼容「IE7+」, 并且支持 「vanilla JavaScript / Angular / React」等框架.
上市公司的财报通常包含如下格式的表格。这个表格的困难之处在于,项目之间不是独立存在的,有些项目是由别的项目加减计算得到的。例如毛利等于收入减销售成本。 Excel有很大的灵活性,插入行就可以搞定这样的表格,Power BI则不然。
低代码开发平台已经是程序员日常标配效率工具了,曾经我们拿到开发需求后,要先配 Vue & React 等框架环境、再选需要引入的第三方组件库,最后穿针引线,调试搭建起需要的后台工具。这其中无数深坑等着我们去趟,直到低代码工具出现后,才解决这一开发困境,让轮子自己把自己安上。
作为 2018年 的终结篇并同时开启 2019,Excel120 将以此篇揭示 PowerBI 可以做出的最强大图表以及固定套路。
文章首发:《如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云》
Handsontable 是一个网页版的类 excel 工具,其强大的地方已经不言而喻了。我们来看看官网上的几个例子: 漂亮的布局:
<script type="text/javascript" src="website/js/datagrid-dnd.js"></script>
---- 项目地址 项目地址👉👉点击进入,可以直接设置为浏览器主页或者桌面快捷方式进行使用,本人在用,长期维护。 源码地址 完全开源,大家可以随意研究,二次开发。当然还是十分欢迎大家点个Star⭐⭐⭐ 👉👉源码链接(gitee) 👉👉源码链接(github) 需求介绍 上面是我一个开源的用来收藏网站的小项目,但是现阶段只能一个一个的按顺序添加网址,这样就产生了一个问题,那就是后添加的一定在下面,而我如果新添加了一个比较常用的网站,而列表
WPF中自带的表格控件是DataGrid,但是格式并不是很美观,我们一般用
TMS(Teamwork Management System) TMS是基于频道模式的团队沟通协作+轻量级任务看板,支持mardown、富文本、在线表格和思维导图的团队博文wiki,i18n国际化翻译管理的响应式web开源团队协作系统。 界面展示 📷 输入图片说明 着陆页 📷 📷 沟通 📷 📷 博文 📷 📷 i18n国际化翻译 📷 📷 具有以下功能: 团队协作沟通功能(类似于slack bearychat) 团队博文(wiki) 类似 精简版confluence 蚂蚁笔记 国际化翻译管理. 沟通功能(基于w
实现筛选联动,首先要从数据中摘出我们所需要的图表数据,如何摘出所需要的图表数据,就需要设置条件参数,按条件参数筛选数据,而筛选组件用来控制筛选的切换展现,最终生成所需要的图表。
JQuery 的表格插件有很多。Flexigrid 和 DataTables 是我最近使用的,并且功能比较强大,在这里介绍一下。如果你在寻找前端绘制表格的插件,可以考虑它们。
领取专属 10元无门槛券
手把手带您无忧上云