去年本人发布一个基于 Vue 3.0 + TS 的自定义表单插件。得到了不少掘友的肯定。当然也提出了不少的问题、优化与新的需求。以及也有很多小伙伴问有没有 React 的版本，我就基于 React + TS 做了一版 React 版的自定义表单插件，当然这次做的 React 版本里带来了很多全新的功能以及特性，目前刚做好初版，先做个简单介绍，对于有这方面需求的小伙伴可以在线 demo 体验一下。
前言 大家好 我是歌谣 今天要说的是ant design实现表格行编辑的功能 考虑问题的时候我们需要多看官l, showTotal: () => { ret
原创
2023-05-29 09:47:28
232阅读
前言大家好 我是歌谣 今天要说的是ant design实现表格行编辑的功能 考虑问题的时候我们需要多看官方的api开发开始紧接着我们对照着api进行开发 首先加一个table<Table
onChange={onTableChange}
rowKey="id"
原创
2023-04-18 09:42:19
347阅读
/* * 构建数据列 * */ tableColumns = (currentData) => { let group = lodashGroupBy(currentData, 'level1'); console.log('group', group); return [{ title: '统计事项一级目录', dataIndex: ...
原创
2022-05-05 15:04:34
598阅读
最近需要使用JQuery动态操作table，自己整理了一下，可以添加新行，删除选中的一行或多行，简单代码如下......
最近需要使用JQuery动态操作table，自己整理了一下，可以添加新行，删除选中的一行或多行，简单代码如下：1 <html>
2 <head>
3 <title>
4 </title&
转载
2011-01-18 12:11:00
128阅读
React学习笔记3（React路由、Ant Design）零 l 一 l （一）【了解】一些概念1、SPA（Single Page web Application 单页Web应用）2、路由3、路由组件与一般组件（二）效果图（三）< BrowserRouter > 与 < HashRouter >（四）< Link > 、 < Nav
前言大家好 我是歌谣 今天要说的是ant design实现表格行编辑的功能 考虑问题的时候我们需要多看官方的api开发开始紧接着我们对照着api进行开发 首先加一个table<Table
onChange={onTableChange}
rowKey="id"
原创
2023-06-03 15:03:25
474阅读
前言这是 React 系列教程的第一篇，我们将用 React 实现 Animate.css 官网的效果。对于 Animate.css 官网效果是一个非常简单的例子，原代码使用 jQuery 编写，就是添加类与删除类的操作。这对于学习 React 来说是一个非常简易的例子，但是我并不会在教程中介绍相关的前置知识，比如 JSX、ES6 等，对于小白来说可能还会有一些困惑的地方，所以还要了解一下 Rea
转载
2024-07-25 13:12:02
82阅读
完整版下载地址：https://gitee.com/dgx/DiReactPagination完整版演示地址：http://dgx.gitee.io/direactpagination/build/index.html#/
一.准备工作我们是继续基于这个demo项目实现一个分页插件，这个分页插件会用在各个需要的组建当中。分页插件的名字我们就叫做：DiReactPage分页插件
转载
2024-07-05 07:29:38
71阅读
# 如何实现JQUERY table可编辑
## 整体流程
首先，让我们通过一个表格展示整个实现可编辑功能的流程：
| 步骤 | 操作 |
|---|---|
| 1 | 引入JQUERY库 |
| 2 | 创建一个表格 |
| 3 | 给表格中的单元格添加可编辑属性 |
| 4 | 编写JQUERY代码，实现单元格可编辑功能 |
## 具体步骤及代码
### Step 1: 引入JQU
原创
2024-04-19 03:46:56
186阅读
目的将ant-design-vue的table表格导出为excel文件 如果有需求修改表格的导出式样时，不需要修改源码，添加新的工序即可。说明根据自己的想法做了一下改装，不知道改的合理不合理。 如果有大神愿意指导，希望可以指出不足以及修改方案等。遇到的问题xlsx、js-xlsx、node-xlsx的区别，本来以为xlsx可以直接做到和后台一样的文档编辑效果，查了一下才知道有所限制，看来是个大佬的
官网文档：https://l7.antv.antgroup.com/tutorial/quickstart安装依赖// 安装L7 依赖
npm install --save @antv/l7
// 安装第三方底图依赖
npm install --save @antv/l7-maps初步实现src\pages\Map\china.tsximport { Scene } from '@antv/l7'
react + Ant Design后台管理系统下载命令：npm install antd --save官网：https://ant.design
Step 1：安装脚手架工具 （Node.js 需要 v4.x 或以上）$ npm install antd-init -gstep 2：创建项目&初始化$ mkdir ant-design-demo && cd ant-de
1，开始的思路公司想做直播方面的项目，并想加入弹幕的功能，直播的页面已经作为一个组件放在了用react+redux写好的一个网站项目上。所以技术老大让我研究下如何用react实现弹幕的功能。下面我就简单说下我的react弹幕折腾之路。一开始其实是两手空空，作为一个php的初级开发人员，我对前端技术掌握的很少，远不到熟练的程度。所以，我得从头学习如何用js+css实现弹幕，然后再将弹幕移植到reac
传统做法前端维护状态，手动操作DOM更新视图。前端框架对服务器数据通过模版进行渲染。当用户产生了一个动作之后，我们通过document.getElementBy... 手动进行DOM更新。 框架帮忙分离数据和视图，后续状态更新需要手动操作DOM，因为框架只管首次渲染，不追踪状态监听变化。双向数据绑定当我们在前端开发中采用MV*的模式时，M - model，指的是模型，也就是数据，V -
提示：本博客为开发过程中的日常记录，读者可自行使用，并在此基础上完善。感谢支持。 文章目录前言一、示例效果展示：二、完成步骤1.VUE前端代码2.内容讲解数据绑定关键函数总结附录完整代码 前言提示：创作背景在完成大四综合实践的过程中，需要一个VUE前端可编辑表格界面，可以实现成绩的录入提交功能。提示：以下是本篇文章正文内容一、示例本文用常见的成绩管理系统的成绩录入模块，完成el-table的建立，
转载
2024-07-02 06:29:55
7107阅读
JXHomepwner 简单的应用展示，项目地址。本节我们需要在上节项目基础上，增加一些响应用户操作。包括添加，删除和移动表格。编辑模式 UITableView 有一个名为 editing 的属性，如果将其设置为 YES , UITableView 就会进入编辑模式。在编辑模式下，用户可以管理 UITableView 中的
转载
2023-07-18 18:23:41
99阅读
一、HTML代码。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>JQuery实例2：可以编辑的表格</
转载
2023-10-12 16:01:07
142阅读
表格中我们经常需要动态加载数据， 如果有多个页面都需要用到表格， 那我希望可以有个组件， 只传数据过去显示， 不用每个页面都去写这么一段内容：1 <el-table :data="tableData" border size="mini" fit highlight-current-row height="500">
2 <el-table-column type
转载
2024-06-08 21:39:44
301阅读
