当前位置:  开发笔记 > 编程语言 > 正文

React FixedDataTable响应行/单元格大小

如何解决《ReactFixedDataTable响应行/单元格大小》经验,为你挑选了0个好方法。

定义固定数据表时,使用rowHeight属性指定行高.但是通过设置静态值(例如,50像素高),如果其内容cell太大,则会因为明确设置高度而被切断.我看到有一个rowHeightGetter回调函数,但该函数的参数似乎没有任何相关性(也许它可能是它得到的行?哪种有意义,但没有关于特定列的数据或cell).

所以我很好奇,有没有办法让它cell(甚至有点)响应它包含的数据?

var Table = FixedDataTable.Table,
  Column = FixedDataTable.Column,
  Cell = FixedDataTable.Cell;

var rows = [
  ['a1', 'b1', 'c1'],
  ['a2', 'b2', 'c2'],
  ['a3', 'b3', 'c3'],
  // .... and more
];

ReactDOM.render(
  Col 1}
      cell={Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content Column 1 static content }
      width={200}
    />
    Col 3}
      cell={({rowIndex, ...props}) => (
        
          Data for column 3: {rows[rowIndex][2]}
        
      )}
      width={200}
    />
  
, document.getElementById('CustomDataTable1') );

这是一个简单的例子,但如果/当你运行它时,你会看到第一列单元格的内容被切断,你不能看到其中包含的内容.

我已经在这个问题上打了一针墙已经有一段时间没有找到任何可以帮助我的东西了.我开始认为我需要使用其他东西.有人可以提供任何提示或建议吗?

thnx,Christoph

推荐阅读
女女的家_747
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有