将Datagrid用作Datagrid的子域时,是否重复标题?

时间:2019-02-17 13:58:42

标签: reactjs datagrid react-admin

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>

1 个答案:

答案 0 :(得分:3)

<Datagrid>呈现为具有标题行的初始行的表。如果将<Datagrid>用作另一个<Datagrid>的字段之一,则将表彼此嵌套。 react-admin不仅不支持此功能,而且强烈建议不要从UX的角度使用它。

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