表格react antd
盘点前端的那些Ajax请求：从ES5到React
说起前端开发，Ajax请求是绕不开的技术点。然而，程序语言更新换代越来越快，Ajax请求的方式也是各有不同。 在使用ES5开发的时候，我们还在使用最原始的XMLHttpRequest对象： // createXHR函数，返回浏览器支持的异步请求对象 function createXHR() { if ......
React 基础 —— 各种 hooks 的使用场景
hooks 1. useRef ref 属于组件实例的共享变量（相当于class 组件中的 this.xxx）。直接修改 ref.current 不会触发组件的重渲染。 Caveats ① 常用于事件处理函数中共享与读写 ref import { useRef } from 'react'; exp ......
html表格的用法
基本用法 <!-- border外边框最外面那一层 width表格宽度 height表格高度 align布局center、right、left --> <table width="500px" height="400px" border="6" align="center"> <!-- 表头默认会加 ......
设置element组件表格：表头样式、单元格样式、表尾合计、边框、行高
设置表格头样式 methods: { headerCellClassName({ row, column, rowIndex, columnIndex }) { if (rowIndex 0) { return { textAlign: 'center', background: '#FFD966' ......
React Native记录
React Native记录 真机调试 adb devices 保证手机使用adb可以正常连接 adb kill-server 如果无内容，断开手机连接，执行此命令后重新连接手机 操作包 react-native-fs 操作文件系统 react-native-image-picker 允许您从设备库 ......
uniGUI学习之表格和链接(76)
拖一个UniHTMLFrame1到界面上 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>网页标题</title> <base target="_blank"/> </head> <body> <!-- ......
react Hooks+Context 实现响应式布局
1. 创建文件 viewportContext.tsx import React from "react"; const defaultValue = { width: window.innerWidth } const viewportContext = React.createContext(d ......
React 项目启动在 chrome 上报错 之 Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
chrome上报错如下： 原因：安装React Developer Tools导致的，关闭这个插件就行 ......
Js 之treeTable树状表格
一、下载 /** 树形表格3.x Created by wangfan on 2020-05-12 https://gitee.com/whvse/treetable-lay */ layui.define(['laytpl', 'form', 'util'], function (exports) ......
element ui 表格与锚点定位
父组件表格页面代码： <template> <div class="wrapper"> <div class="overview-box"> <div class="box-name"> <div class="flag" /> 标的事件 </div> <p class="con-txt"> {{ ......
DevExpress中使用BandGridView实现复合（多行）表头、设置多行表头背景颜色、表格边框颜色
一、实现效果 二、 实现方法 2.1、创建复合表头 ①将创建的GridControl下的GirdView1转化为BandGridView类型； ②创建需要展示的列（指定列的名称【Name】、描述【caption】、数据字段名称【FieldName】） ③绑定列实现复合表头。 注意：如果复合表头有多行 ......
Excel-表格有重复资料该怎麽办？
1.标注重复信息 框选单元格——开始——条件格式——突出显示单元格规则——重复值——确定框选单元格——开始——条件格式——新建规则——使用公式确定要设置格式的单元格——输入公式——修改后一参数值为相对参照——格式——填充——选择颜色——确定注：公式例子：=countif($E$2:$E$14,$E2 ......
Excel-保护表格必学四招
1、如果想要保护excel表格内容不被篡改，审阅--保护工作簿来设置密码 但是一定设定密码，所有的表格都不能被修改 2、如果有部分单元格需要使用，则可以选中单元格--设置单元格格式--保护--取消锁定 3、如果有些计算公式不想被人知道，可以选中单元格 设置单元格格式--保护--勾选隐藏【公式就被隐藏 ......
React 之使用 antd 实现全局 loading
使用 antd 的 Spin 实现 Loading 代码如下： fullLoading.tsx import ReactDOM from "react-dom/client"; import { Spin } from "antd"; // 全局加载 loading // 当前请求的个数 // 当同 ......
react问题集
视图层报错 分析原因：当渲染子组件AuthMenuAdd时，导致Com组件无法更新。并没有明确的具体原因。经排查： 如何让子组件在父组件加载完或一定条件下才开始加载？ （1）类组件可以用 shouldComponentUpdate ； （2）函数组件可以通过useEffect监听redux（使用us ......
Camstar表格的列和列的联动-----一个列填完后，加载另一个列的值或者下拉选
列子（我是建模加的表格）： mdb部分修改： VP部分修改： 其他：我看到mdb有个方法，List的Field，转成下拉的格式Resultset。按需求使用。 ......
4、打印长长的表格—由excel转word
1、如果在Excel中只有3列表格，那么直接打印的话，页面会有很多空白的地方，比较丑，而且又浪费纸张。 2、我们可以【ctrl+a】把表格中的内容复制下来，然后黏贴到word里面 3、在word里面点击【布局】—>【栏】—>【两栏】（内容分成两栏之后，第二栏的内容没有标题的）， 选中表头，点击【布局 ......
React Antd Table 数据渲染按钮触发onClick事件解决办法
react在渲染时会触发table里面的rander函数下的onClick方法 我的onClick是触发Modal 弹窗 且close后还是会一直触发Modal弹窗 初始代码如下 { title: '操作', key: 'operation', fixed: 'right', width: 100, ......
React项目中报错：Parsing error: The keyword 'import' is reservedeslint
记得更改完配置后，要重启编辑器（如：VSCode）!!! 记得更改完配置后，要重启编辑器（如：VSCode）!!! 记得更改完配置后，要重启编辑器（如：VSCode）!!! 这个错误通常发生在你尝试在一个不支持 ES6 模块语法的环境中使用 import 关键字。 ESLint 默认使用的是 ES5 ......
WPS JS表格分列代码
WPS开放平台开发文档对于TextToColumns()方法并没有做阐述（截至23年12月21日） 可以参考微软LEARN文档中VBA之Range.TextToColumns方法的说明：https://learn.microsoft.com/zh-cn/office/vba/api/Excel.Ra ......
.Net5导入导出execl表格
.Net5导入导出execl表格 通过 using OfficeOpenXml 进行实现 using System; using System.Collections.Generic; using System.IO; using System.Reflection; using OfficeOpe ......
导入一个没有合并项 的excel表格
导入excel/// <summary> /// 导入设计地层单元数据-量纲设置 /// </summary> /// <param name="planId">方案ID</param> /// <param name="lists">录入基本信息</param> /// <param name=" ......
React Hooks的使用规范和最佳实践
React Hooks自从推出以来，彻底改变了React组件的编写方式。它们提供了一种在函数组件中使用state和其他React特性的能力，从而使得函数组件更加强大和灵活。本文将深入探讨useEffect、useMemo、useCallback和useState这四种常用Hooks的特点、优缺点，以 ......
vue+element 表格formatter数据格式化并且插入html标签 ;
formatter的用法： 列表内容回显， orderStatus 0 是未处理， 1是已处理等，不能直接展示，所以需要 formatter <el-table-column label="订单状态" prop="orderStatus" :formatter="statusFormatter"> ......
antd QRCode 二维码清晰度调整
<QRCode size={400} type="svg" bordered={false} value={qrCode} errorLevel="L" bgColor="#fff" style={{ marginBottom: 16, }} /> 可以通过 size的大小来控制清晰度也可以通过ty ......
antd 不用Form onSubmit 如何完成必填项的校验
antd Form表单校验必填项等，如果按钮不是使用 htmlType="submit"，那么可以使用validateFields来校验数据。 代码如下： try { await form.validateFields(); // 校验数据 } catch (e) { console.log('e' ......
React中在非组件中获取到路由信息
1. 安装history包：yarn add history 2. 创建 utils/history.js文件 3. 在app.js中使用我们新建的路由并配置history参数 4. 通过响应拦截器处理 token 失效，如果发现是401调回到登录页 代码实现 utils/history // ht ......
fastadmin隐藏指定表格行的按钮
一、隐藏修改，删除按钮（隐藏所有行） 隐藏前 修改代码 var Controller = { index: function () { // 初始化表格参数配置 Table.api.init({ extend: { index_url: 'department/index/index', add_u ......