Git Product home page Git Product logo

Comments (10)

nihgwu avatar nihgwu commented on July 17, 2024

Could you provide more information? Thanks

from react-base-table.

erennyuksell avatar erennyuksell commented on July 17, 2024

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.

nihgwu avatar nihgwu commented on July 17, 2024

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.

erennyuksell avatar erennyuksell commented on July 17, 2024

@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.

nihgwu avatar nihgwu commented on July 17, 2024

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.

nihgwu avatar nihgwu commented on July 17, 2024

@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.

nihgwu avatar nihgwu commented on July 17, 2024

@Frekansapp this issue should be fixed with latest version of react-texty

from react-base-table.

erennyuksell avatar erennyuksell commented on July 17, 2024

@nihgwu thanks, I will try it asap.

from react-base-table.

erennyuksell avatar erennyuksell commented on July 17, 2024

@nihgwu No this isn't solved my problem. I will open new issue with detailed explanation later.

from react-base-table.

nihgwu avatar nihgwu commented on July 17, 2024

@Frekansapp thanks

from react-base-table.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.