我在 react material ui datagrid 文档中找不到任何与此相关的内容 here .我注意到您可以通过“描述”字段向列添加工具提示,但找不到与行相关的任何文档或示例。
最佳答案
修改列以添加 renderCell 属性
const columns: Columns = [
{
field: 'id',
headerName: 'ID',
sortable: false,
renderCell: (params: any) => (
<Tooltip title={params.data.id} >
<span className="table-cell-trucate">{params.data.id}</span>
</Tooltip>
),
}
]
css 变化:.table-cell-trucate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
关于datagrid - Material-UI DataGrid : How do I add a tooltip to each row cell?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64938504/