antd table 自定义折叠展开图标(示例)

              expandable={{
                expandedRowKeys,
                onExpandedRowsChange: (expandedRows) => {
                  updateState((draft) => {
                    draft.expandedRowKeys = expandedRows.map((row) => row);
                  });
                },
                expandIcon: ({ expanded, onExpand, record }) =>
                  record.isFolder || record.nodeType === "team"
                    ? (
                      expanded
                        ? (
                          <CaretDownOutlined
                            style={{
                              fontSize: 16,
                              visibility: record.children?.length ? 'visible' : 'hidden',
                            }}
                            onClick={(e) => onExpand(record, e)}
                          />
                        )
                        : (
                          <CaretRightOutlined
                            style={{
                              fontSize: 16,
                              visibility: record.children?.length ? 'visible' : 'hidden',
                            }}
                            onClick={(e) => onExpand(record, e)}
                          />
                        )
                    )
                    : undefined,
              }}

 

posted @ 2023-02-15 15:07  最好的年纪  阅读(1370)  评论(0)    收藏  举报