You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.07 09:08:04