使用 Datagrid 作为 Datagrid 的字段子项时重复的标题？答案

【问题标题】：Repeated Header when using Datagrid as a Field Children of Datagrid?使用 Datagrid 作为 Datagrid 的字段子项时重复的标题？
【发布时间】：2019-07-11 01:15:42
【问题描述】：

Datagrid 的表头每隔一行重复一次？我想要一个顶部的标题（如excel）。

我该如何解决？如何自定义或构建类似于 Datagrid 的新组件？

      <Datagrid>
           <NumberField
                source="ManagementFee"
                label="Phí quản lý "/> 
            <NumberField
                source="tax"
                label="Thuế "/>
            <NumberField
                source="max"
                label=" tối đa"
                textAlign="center"
            />
            <DateField source="createdDate" label="Ngày tạo" />
            <DateField source="modifiedDate" label="Ngày sửa" />
            <ArrayField source="portfolio" label="Danh mục" >
                <Datagrid>
                    <TextField source="symbol" label="Mã " />
                    <NumberField
                        source="initialRate"
                        label="Tỷ lệ  ban đầu"
                       />
                    <NumberField
                        source="maintenanceRate"
                        label="Tỷ lệ duy trì"
                        />

                    <NumberField
                        source="rate"
                        label="Tỉ lệ "
                    />
                    <NumberField
                        source="bankRate"
                        label="Tỉ lệ kho"
                      />
                </Datagrid> 
            </ArrayField>

            <EditButton />
        </Datagrid>

【问题讨论】：

标题中发生的问题的屏幕截图会有所帮助。本次编辑修正了一些错别字和语法。

标签： reactjs datagrid react-admin

【解决方案1】：

<Datagrid> 呈现为一个表格，其中包含标题的初始行。如果您使用<Datagrid> 作为另一个<Datagrid> 的字段之一，您将一个与另一个嵌套表。 react-admin 不仅不支持这一点，我强烈建议不要从用户体验的角度使用它。

将您的<ArrayField> 放入expand 组件中以仅在行单击时显示该信息，或编写自定义字段组件以另一种方式显示数组字段数据。

【讨论】：