Reactjs 使用（反应）材质表生成数据表时，在表中添加行跨度或列跨度功能

我正在使用ReactJS中的插件生成dataTable。我找不到任何直接的方法或选项来使用插件在dataTable中生成行span或列span。有什么办法吗

下面是一个示例屏幕截图，该表可能看起来像什么，但将通过dataTable显示

---

对您试图做的事情的解释有点不清楚

如果要在列范围中的每一行上添加按钮之类的内容，可以在表的“columns”属性中进行定义，如下所示：

columns={[
      { title: 'Update', field: '', render: rowData => <button onClick={() => doSomethingWithId(rowData.id)} className="myTableButtonStyle" /> },
      { title: 'Name', field: 'name' },
      ....
    ]}

列={[
{title:'Update'，field:''，render:rowData=>doSomethingWithId（rowData.id）}className=“myTableButtonStyle”/>}，
{title:'Name'，field:'Name'}，
....
]}

这将添加一个更新按钮，该按钮将调用doSomethingWithId（）函数，该函数将行的id作为参数传递。 这就是你要找的吗？要不你能再解释一下你想要什么吗

编辑

这是我得到的

使用以下代码

<MaterialTable
      data={[
        { name: '', nationality: 'British', address: '', country: 'England' },
        { name: 'Noor', nationality: 'American', address: 'California', country: 'US' },
        { name: '', nationality: 'Chinese', address: '', country: 'China' },
        { name: '', nationality: '', address: '', country: '' },
      ]}
      columns={[
        { title: 'Name', field: 'name' },
        { title: 'Nationality', field: 'nationality' },
        { title: 'Address', field: 'address' },
        { title: 'Country', field: 'country' },
      ]}
      options={{
        rowStyle: {
          height: '25px',
        },
      }}
      title="Display Data"
    />

您不需要添加行或colspan来实现此渲染，只需给出好的数据集和列定义即可

在您的数据道具中，您需要提供一个包含所有所需数据的对象列表。 然后使用列定义显示哪些数据。如果希望在一列中进行更个性化的渲染（例如：希望以粗体显示国家/地区），可以通过在columns对象中进行渲染进行定义，如下所示：

{title: 'Country', field: '', render: rowData => <strong>{rowData.country}</strong>

{title:'Country'，字段：“”，呈现：rowData=>{rowData.Country}

要使空行具有与其他行相同的大小，请在表上使用道具选项。

---

这对您有帮助吗？

您好，谢谢您的回答。我正在尝试添加rowspan或columspan，就像一行中的多行一样，而不是试图显示按钮或任何html元素。这样做的目的是为了有一个带有一些父/子元素的树状表吗？@Palencar…我添加了一个表的屏幕截图。@ni8mr我编辑了我的一个表给我你的截图，告诉我这是否是你想要的。如果这还不够，试着写一些你尝试过的代码，这样可以帮助我理解你想要实现的目标。