rsuite / rsuite-table Goto Github PK
View Code? Open in Web Editor NEWA React table component.
Home Page: https://table.rsuitejs.com/
License: MIT License
A React table component.
Home Page: https://table.rsuitejs.com/
License: MIT License
用你的例子做了个树形数据的table,第一个“+”点不开,后面的都可以。
请教,
我在服务端引用
import {Table, Column, Cell} from 'rsuite-table';
webpack 打包编译 报 ‘Variable @H500 is undefined’ 这个错误。我在index.less 声明了 这个变量 @H500: blue 后 再打包编译 TypeError: Cannot read property 'prefix' of null。
详细错误如下:
D:\React 渲染\MyReact-table\node_modules\dom-lib\lib\transition\index.js:59
prefix = _getTransitionPropert.prefix,
^
TypeError: Cannot read property 'prefix' of null
at Object. (D:\React 渲染\MyReact-table\node_modules\dom-lib\lib\transition\index.js:59:36)
at Module._compile (module.js:641:30)
at Object.Module._extensions..js (module.js:652:10)
at Module.load (module.js:560:32)
at tryModuleLoad (module.js:503:12)
at Function.Module._load (module.js:495:3)
at Module.require (module.js:585:17)
at require (internal/module.js:11:18)
at Object. (D:\React 渲染\MyReact-table\node_modules\dom-lib\lib\index.js:60:20)
at Module._compile (module.js:641:30)
expandRow's height can't be auto
\rsuite-table\lib\less\variables.less
ERROR in ./src/index.jsx
Module not found: Error: Can't resolve '~rsuite-table/lib/less/index.less' in '/Users/ccguo/Documents/ETH/Demo/src'
@ ./src/index.jsx 23:0-44
@ multi (webpack)-dev-server/client?http://localhost:8080 ./src/index.jsx
Child html-webpack-plugin for "index.html":
1 asset
[0] ./node_modules/html-webpack-plugin/lib/loader.js!./src/index.html 861 bytes {0} [built]
[1] ./node_modules/lodash/lodash.js 540 kB {0} [built]
[2] (webpack)/buildin/global.js 509 bytes {0} [built]
[3] (webpack)/buildin/module.js 517 bytes {0} [built]
ℹ 「wdm」: Failed to compile.
Hi
About a week ago, RTL language support was added to rsuite (rsuite/rsuite#606) . Any idea when it will be added to rsuite-table ?
npm install rsuite-table后,使用的时候报这个错,怎么解决?
It looks like you guys are using "_constants" here but not importing
https://github.com/rsuite/rsuite-table/blob/master/src/Table.js#L1047
会划出一大堆空白。 采用的autoheight。
采用的绝对定位,y轴没有加上边框的宽度。会遮挡住边框。
目前的排序的sortColumn只支持一个,可以考虑支持多个,举例一个场景就是:先按照出生日期排好序,然后按照英文名字典序在原来的基础上继续排序。
How would one go about building a filter by row or search?
Table组件自己实现了一个滚动条样式,但是事件监听不正确,应该使用document.addEventListener来监听,这样即使鼠标移到了浏览器窗体外,仍然能继续响应事件,现在是我拖动“滚动条”的时候,鼠标到浏览器之外松开鼠标再回到页面上,滚动条仍属于拖动状态,会随鼠标滚动。另外默认滚动条样式非常丑,webkit内核可以通过CSS修改滚动条样式,有时候喜欢自己去改,希望能有个配置启用或禁用组件实现的滚动条样式。
重现页面:https://rsuitejs.com/rsuite-table/#%E5%88%86%E9%A1%B5
React Native还没有可以固定的头和列的组件,做了好长时间没做出来=-=
RT,固定头部和列在移动设备的支持怎么样?
react0.14版本貌似不支持?最低支持react什么版本啊
LoadinTable.js -> loadingTable.js
Line 141 in 50f91e9
Cell 中内容过长时因为用了text-overflow: ellipsis;
导致内容被截断,请问有没有考虑过用换行的形式来展示么?换行的话会导致表格内容高度计算出错么?这个问题在无限滚动这种情况下是不是无解呢?
Hi, I'm using rsuite-table with my React application. I'm using the virtualized flag to display 10 to 60,000 rows of data. Here's the issue I'm facing, every time I scroll through the list of data on the table, it seems to be causing a requestAnimationFrame violation. Also, this might be what's causing my app's fps to hover only around 13 - 16fps on table scroll.
Is there a solution on this? Am I missing something critical on how it should be used?
More info on my data table:
On:
addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's render
method, or you have multiple copies of React loaded
运行的时候出现的错误
https://facebook.github.io/react/warnings/refs-must-have-owner.html
请问有没有后续增加table横向滚动增加虚拟渲染的计划,在使用中有列特别多的情况,目前table只做了竖向的虚拟渲染,这种情况下,渲染的dom量依然很大,上下滑动中有一些卡顿现象。不知道后续有没有这方面的计划。
virtualized={true}, wordWrap这两个属性同时存在的时候,虚拟渲染被自动关掉,请问这个有什么解决方案么
Can provide native scroll bar?
I want to do unlimited scrolling loading.There are some problems.When I scroll down and start loading the data.The data is loaded.But the scroll bar is still at the bottom
How can I get the scrollbar to return itself to the correct position, such as in the middle?
为什么和antd的风格这么像?
这个单独引入,是没有包含分页组件吗,我在引入的时候,报错了。
import { Table, Column, HeaderCell, Cell, Pagination } from 'rsuite-table';
这个文件当中依赖了rsuite,但貌似npm install安装的时候并没有安装rsuite
版本2.0.0
./node_modules/rsuite-table/lib/TablePagination.js
Module not found: Can't resolve 'rsuite' in '/Users/tangduck/projects/rui/my-app4/node_modules/rsuite-table/lib'
Cascader控件目前只能选择最下级,像行政区这样的使用案例需要允许选择非最下级的节点。
可拓展表格,有滚动条的情况下,点击超出表格高度部分的拓展框,表格会回到起始状态
引用了index.less之后,分页组件并没有CSS被应用到,通过查看官网上的css发现,而是采用了类似bootstrap之类的分页组件样式,我引入一个bootstrap的外链,显示就正常了,虽然和表格主题并不搭配。
virtualized={true} wordWrap这两个属性同时存在的时候,虚拟渲染被被自动关掉,这个有什么解决方案么
Uncaught TypeError: Cannot read property 'requestAnimationFrame' of undefined
一直报这个错误 。找了好久资料 。还是没解决 。
报如题错,查了一下,是因为react.PropTypes已经deprecated了。希望能重新调整一下组件的依赖。
請問如何在 table component 新增 double click event handler
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.