ag-grid设置选中单行多行及获取选中行数据
Deshun 发布于 2年前 (2022-09-09) 1276℃ 评论(0) 赞 (4)
ag-Grid 是比较实用的数据表格组件,最近接触到了相关的项目,简单记录一下设置选中单行多行和获取选中行数据的方法。设置多行选中rowSelection 行选择的类型,设置为 'single' 或者 'multiple' 启用单选和多选。const gridOptions = { headerHeight:&...
Deshun 发布于 2年前 (2022-09-09) 1276℃ 评论(0) 赞 (4)
ag-Grid 是比较实用的数据表格组件,最近接触到了相关的项目,简单记录一下设置选中单行多行和获取选中行数据的方法。设置多行选中rowSelection 行选择的类型,设置为 'single' 或者 'multiple' 启用单选和多选。const gridOptions = { headerHeight:&...
Deshun 发布于 2年前 (2022-08-29) 1852℃ 评论(0) 赞 (1)
升级到 Umi4 后,有同事和我反映,之前的一些组件不能用了,获取不到 props ,props 是空对象。Umi4 在代码层做了修改,将 react-router@5 升级到 react-router@6,所以路由相关的一些 api 存在着使用上的...
Deshun 发布于 2年前 (2022-08-16) 1055℃ 评论(0) 赞 (3)
使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法,数组结构 [1, 2, 3] 里面的逗号也会被带上,就变成了 1, 2, 3 循环输出到 DOM了。解决方法使用 join() 可以切开一个数组,指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。arr.map((item)=>{ return item...
Deshun 发布于 2年前 (2022-08-05) 1275℃ 评论(0) 赞 (1)
执行 npm install 安装命令时报错:npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resol...
Deshun 发布于 2年前 (2022-08-04) 1243℃ 评论(0) 赞 (4)
今天是七夕了,搭建了一个用代码写跳动的心的网站,有需要的拿去吧。链接:https://love.w3h5.com...
Deshun 发布于 2年前 (2022-07-26) 1435℃ 评论(0) 赞 (1)
我们的项目中需要导出 Excel 的需求还是挺多的,找了一个处理导出 Excel 的库 ExcelJS ,npm包。可以满足(但不限于)以下需求:简单表格导出为表格添加样式(更改背景色、更换字体、字号、颜色)设置行高、列宽解析 ant-design 的 Table 直接...
Deshun 发布于 2年前 (2022-07-22) 1239℃ 评论(0) 赞 (0)
使用 Mock 可以方便的模拟接口数据,只需要简单配置,就能实现上万级别的模拟数据。下面简单记录一下, Umi 项目 Mock 的使用:本地配置开启 Mock修改 umi 配置文件 .umirc.ts ,开启 mock :export default defineConfig({ mock: {}, });配置接口在项目...
Deshun 发布于 2年前 (2022-07-12) 1417℃ 评论(0) 赞 (0)
修改完代码后发现当前所在分支不对时执行切换分支命令:git switch feature/others可能会报如下错误:error: Your local changes to the following files would be overwritten by&nb...
Deshun 发布于 2年前 (2022-07-05) 1400℃ 评论(0) 赞 (0)
像这种,如果子元素的宽度过大,就会出现被挤扁的情况,不能显示实际的宽度。解决方法:有一个 flex-shrink 属性,可以解决元素被挤压的问题。flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收...
Deshun 发布于 2年前 (2022-06-24) 856℃ 评论(0) 赞 (0)
有这么一个数组:const arr = [ { id: 1, value: 2 }, { id: 2, value: 3 }, ... ];想删除数组里 id=8 的元素,如何方便快捷的实现...