MUI DataGrid列中渲染多元素仅显示第一个子元素的问题求助
MUI DataGrid列中渲染多元素仅显示第一个子元素的问题求助
大家好,我最近在使用MUI DataGrid时碰到了一个头疼的问题,想过来请教下各位有没有遇到过或者知道解决办法?
我在配置DataGrid的列时,用renderCell方法自定义渲染内容,比如返回一个包含两个列表项的<ul>:
renderCell: (params) => { return ( <ul> <li> First </li> <li> Second </li> </ul> ) }
结果页面上只显示了第一个列表项“First”,第二个完全没出现。
之后我又试了用React的空片段<>包裹两个<p>标签,代码是这样的:
renderCell: (params) => { return ( <> <p>a</p> <p>b</p> </> ) }
可结果还是一样,只显示第一个<p>里的“a”,第二个“b”怎么都看不到。
我已经特意把DataGrid的行高设得很大了,绝对有足够的空间容纳所有内容,但问题依然存在。哪怕用片段包裹多元素也不管用,实在搞不懂这是哪里出了问题,有没有大佬能帮我分析下原因,或者给个可行的解决思路呀?
内容来源于stack exchange
相关产品推荐
相关产品推荐

