Comments (10)
Could you provide more information? Thanks
from react-base-table.
if I don't use autoresizer it works
import Text from 'react-texty'
import 'react-texty/styles.css'
const TableCell = ({ className, cellData }) => (
<Text className={className} >{cellData}</Text>
)
const TableHeaderCell = ({ className, column }) => (
<Text className={className}>{column.title}</Text>
)
<div
style={{
width: '100%',
position: 'relative',
margin: 0,
padding: 0,
height: (window.innerHeight - 135)
}} >
<AutoResizer>
{({ width, height }) => (
<BaseTable
fixed
//classPrefix="AdvanceTable"
rowClassName={this._rowClassName}
width={(width)}
data={data}
height={(height - 49)}
columns={constructionInputs}
disabled={loading}
loadingMore={loadingMore}
onEndReachedThreshold={300}
onEndReached={this.handleEndReached}
overlayRenderer={this.renderOverlay}
emptyRenderer={this.renderEmpty}
components={{ TableCell, TableHeaderCell }}
footerHeight={30}
footerRenderer={this.renderTableFooter(width)}
rowEventHandlers={{
onClick: (data) => this.onRowClick(data),
onDoubleClick: (data) => this.onRowDoubleClick(data)
}}
/>
)}
</AutoResizer>
</div>
from react-base-table.
I can't find any issues with AutoResizer
, the tooltip is available only if the text is truncated
https://autodesk.github.io/react-base-table/playground#MYewdgzgLgBAKgUwB6wLwwEoIIbColATwChRJZQAbAVwFtIZ0BzBMBAJ2ygQGEQb6EABQBGAAwBKUuGgwAJl2yMYLNp24ARRUKp1IAGhgAmMZOLTyMPmCjYAlmuXRClBHIB0cuwDcABsRgYAHc7OSgACwAuGGBsSmBRU28gmABaGAB2UwAHJAkAbgCYcIQ7JnCoaIBWMW9wwv8LWQAJBzQYZ1cPLz8igDNwKFSIOwAvBGiRADZcwsCBm1Sg0vLKzNM5mP4QdmiAYgBmA6mpgE5TzdpsdiYHVIAjECgoEFpJsVniRrJZOGx71w8BCUSjKIQAbxilGwEAgADlsLQEIZgMDKFpbDAAL4SRgAPhgQiKAB4CBRobCEUjUODgBT4YiEFi8bS0RjsFjiQB6Ml44hSJqwP4AhDNHByDhAkFgyF0mEMpEo-h6bG41AEomBUnIcnyqkIGlyymM5m05X0dxQOxQVycnk6vkC5DZHawCV9bDUSiwIRqjUkvmBLWtGx4rAjcYwQggajsGD3dggIIQDgwbBgOQdBAIbkhqCBoPE6y2BwcAtBmDEgCC1Be4bGZaKFcC4IhwVCEUMJTKFVV+MJTebWoAQjCEMLXIOh4EQmFwjTZxEsVPp93VjS1xVl9Pm7pBIbzZBtzugwpbDSzxyV0PQLQXWwbBAaZCJ7w0YZX2LsBL2FLQVjjx3Lly2bCRAMLLkazrBAI0bCtuWLew1ALblHWIIA
from react-base-table.
@nihgwu i found the problem if i use like this there is no problem
const Container = styled.divwidth: calc(100vw - 700px); height: 50vh;
but if i use like this Tooltip not working
const Container = styled.divwidth: '100%'; height: 50vh;
i should use relative div with dynamic width how can i use it without causing problem
from react-base-table.
Sorry I'm not sure what you are talking about, if you think it's still an issue, could you provide a reproducable playground so I can understand your problem better, thanks
from react-base-table.
@Frekansapp Hi, there is an internal bug reported today which would be related to your problem, but I think it's react-texty
's problem, so I'd like to continue the topic there nihgwu/react-texty#1
from react-base-table.
@Frekansapp this issue should be fixed with latest version of react-texty
from react-base-table.
@nihgwu thanks, I will try it asap.
from react-base-table.
@nihgwu No this isn't solved my problem. I will open new issue with detailed explanation later.
from react-base-table.
@Frekansapp thanks
from react-base-table.
Related Issues (20)
- How to scroll to row after loading data in Infinite Loading?
- How to slide the header without data
- rowRenderer type: columns should be an array HOT 1
- Why am I experiencing scroll delay in my implementation when it looks smooth in the playground example HOT 2
- when there is a large amount of data, the function of unfolding and folding is abnormally stuck
- The resizing line goes beyond the list item area
- How to render (resize) the table on column resize end ?
- how always display SortIndicator not just have it when hovering the title?
- SortIndicator bug HOT 1
- Heavy Recalculate style stack in performance on scroll
- Selection of multiple rows not working with BaseTable componnent
- Detail View bug
- selections not working if columns pulled from state? HOT 1
- row height auto HOT 1
- Expand functionality (row grouping ) is not working as expected as given in example
- Can't perform a React state update on an unmounted component
- Draggable columns HOT 1
- When do you plan to upgrade to react-18? we've been using it for a few months now and without problems, but it's sending a lot of warnings and preventing 'npm i' or any other command in the terminal, being necessary to use '--force'
- Severe scroll lag HOT 11
- Is there a smooth scroll animation for applying on scroll methods?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-base-table.