3

这是我的三个专栏的样本。我想自定义宽度大小。

resetPassword: {
    title: this.gridTittle["ResetPassword"],
    type: 'custom',
    renderComponent: UserPasswordResetComponent,
    filter: false
},
userName: {
    title: this.gridTittle["UserName"],
},
roleTypeDescription: {
    title: this.gridTittle["UserType"],
    type: 'text',
    filter: false
},
4

3 回答 3

7

您可以使用宽度属性。作为文档“列宽示例:'20px', '20%'”。在您的代码中:

resetPassword: {
    title: this.gridTittle["ResetPassword"],
    type: 'custom',
    renderComponent: UserPasswordResetComponent,
    filter: false,
    width: 25%
},
userName: {
    title: this.gridTittle["UserName"],
    width: 25%
},
roleTypeDescription: {
    title: this.gridTittle["UserType"],
    type: 'text',
    filter: false,
    width: 50%
},
于 2018-08-14T12:38:57.367 回答
0

重要>>引号之间的宽度

columns: {
      id: {
        title: '#',
        type: 'string',
        sortDirection: 'desc',
        width: '30px'
      },
      name: {
        title: 'Nome',
        type: 'string',
      },
      lastName: {
        title: 'Sobrenome',
        type: 'string',
      },
      username: {
        title: 'Usuário',
        type: 'string',
      }
}
于 2019-05-25T08:28:58.373 回答
0

我无法使其与 column 属性一起使用。
我的解决方案是:

:host {
  ::ng-deep .yourColumnName .ng2-smart-title {
    width: 100px;
  }
}

或者

:host {
  ::ng-deep .ng2-smart-title {
    min-width: 150px;
  }
}

你有一个线程在这里

于 2021-05-01T11:44:27.893 回答