以下是使用Angular 5和DevExtreme数据网格小部件自定义列的示例代码：

1. 首先，确保已安装了Angular CLI并创建了一个新的Angular项目。

2. 使用以下命令安装DevExtreme依赖项：

npm install --save devextreme devextreme-angular

3. 在app.module.ts文件中导入并配置DevExtreme模块：

import { DxDataGridModule } from 'devextreme-angular';

@NgModule({
  imports: [
    DxDataGridModule
  ],
  // ...
})
export class AppModule { }

4. 在组件的HTML模板中，添加一个DevExtreme数据网格小部件，并使用[columns]属性定义列的配置：

5. 在组件的TypeScript文件中，定义数据源和列的配置：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  dataSource: any[] = [
    { id: 1, name: 'John', age: 25 },
    { id: 2, name: 'Jane', age: 30 },
    { id: 3, name: 'David', age: 35 }
  ];

  gridColumns: any[] = [
    { dataField: 'id', caption: 'ID' },
    { dataField: 'name', caption: 'Name' },
    { dataField: 'age', caption: 'Age' },
    {
      caption: 'Custom Column',
      calculateCellValue: function (data) {
        // 自定义列的计算逻辑
        return data.name + ' (' + data.age + ')';
      }
    }
  ];
}

在上面的示例中，dataSource属性定义了数据源，gridColumns属性定义了列的配置。在最后一个自定义列中，我们使用calculateCellValue属性定义了自定义列的计算逻辑。

6. 运行应用程序并查看结果。

这就是使用Angular 5和DevExtreme数据网格小部件自定义列的解决方案。