Shopware 6管理后台：显示并按客户注册时间排序及添加列的咨询

核心结论 #

Shopware 6 默认客户概览页面未内置注册时间列，该功能需要通过开发自定义扩展实现；实现后可同时支持注册时间的显示与排序。

1. 添加客户概览页面的注册时间列 #

通过扩展后台的客户列表组件，插入自定义列：

步骤1：创建扩展文件结构

在自定义扩展的 src/Resources/app/administration/src 目录下，创建 module/sw-customer/page/sw-customer-list/index.js 文件。

步骤2：重写客户列表列配置

import './sw-customer-list';

const { Component } = Shopware;

Component.override('sw-customer-list', {
    computed: {
        customerColumns() {
            // 复制原有列配置，避免污染原数据
            const columns = [...this.$super('customerColumns')];
            
            // 在邮箱列后插入注册时间列，可根据需求调整位置
            const emailColumnIndex = columns.findIndex(col => col.property === 'email');
            columns.splice(emailColumnIndex + 1, 0, {
                property: 'createdAt',
                label: '注册时间',
                allowResize: true,
                sortable: true,
                align: 'right',
                formatter: (value) => this.$date.format(value, 'YYYY-MM-DD HH:mm:ss')
            });
            
            return columns;
        }
    }
});

步骤3：引入扩展文件

在扩展的 src/Resources/app/administration/src/main.js 中添加引入：

import './module/sw-customer/page/sw-customer-list';

2. 实现注册时间排序功能 #

上述列配置中已设置 sortable: true，Shopware 6 的客户API默认支持按 createdAt 字段排序，无需额外修改后端代码。配置完成后，点击列表的「注册时间」列头即可触发升序/降序排序。

可选：在客户详情页显示注册时间 #

若需在客户详情页展示注册时间，可扩展 sw-customer-detail 组件：

// 在扩展的 src/Resources/app/administration/src/module/sw-customer/page/sw-customer-detail/index.js 中添加
const { Component } = Shopware;

Component.override('sw-customer-detail', {
    template: `
        <template #content-bottom>
            <div class="sw-customer-detail__created-at">
                <sw-info-card title="注册信息">
                    <div class="sw-customer-detail__created-at-item">
                        <span class="sw-customer-detail__label">注册时间:</span>
                        <span class="sw-customer-detail__value">{{ $date.format(customer.createdAt, 'YYYY-MM-DD HH:mm:ss') }}</span>
                    </div>
                </sw-info-card>
            </div>
        </template>
    `
});

记得在 main.js 中引入该文件。

内容的提问来源于stack exchange，提问作者Stacker1427