作者:女女的家_747 | 2023-09-11 13:43
定义固定数据表时,使用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