изменить ширину столбцов из Nebular NbTreeGridComponent - PullRequest
Новая
       18

изменить ширину столбцов из Nebular NbTreeGridComponent

1 голос
/ 02 марта 2020

как вы можете изменить ширину столбцов Nebular NbTreeGridComponent? В документах они упоминают equalColumnsWidth, значение по умолчанию которого равно false. Тем не менее, мои столбцы остаются равными по ширине, независимо от того, что я делаю ..

вот мой код html: 

<table [nbTreeGrid]="source" style="font-family: exo; font-size: 12px;">
    <tr nbTreeGridHeaderRow *nbTreeGridHeaderRowDef="allColumns"></tr>
        <tr nbTreeGridRow *nbTreeGridRowDef="let row; columns: allColumns"></tr>

        <ng-container [nbTreeGridColumnDef]="customColumn">
          <th nbTreeGridHeaderCell *nbTreeGridHeaderCellDef>{{customColumn}}</th>
          <td nbTreeGridCell *nbTreeGridCellDef="let row">

            <nb-tree-grid-row-toggle
              [expanded]="row.expanded"
              *ngIf="row.data.kind === 'dir'">
            </nb-tree-grid-row-toggle>

            {{row.data[customColumn]}}

          </td>
        </ng-container>

        <ng-container *ngFor="let column of defaultColumns" [nbTreeGridColumnDef]="column">
          <th nbTreeGridHeaderCell *nbTreeGridHeaderCellDef>{{column}}</th>
          <td nbTreeGridCell *nbTreeGridCellDef="let row">{{row.data[column] || '-'}}</td>
        </ng-container>
      </table>

код ts: 

        customColumn = 'Organisme';
  defaultColumns = [ 'Score', 'Symbool'];
  allColumns = [ this.customColumn, ...this.defaultColumns ];
  source: NbTreeGridDataSource<FSEntry>;
  spinner_active = true;

  public _data: FSEntry[] = [];    
  lijst_maldi : maldi[] = [];

  constructor(public _monitorservice: MonitorService, public http: HttpClient, dataSourceBuilder: NbTreeGridDataSourceBuilder<FSEntry>) {    
    _monitorservice.current_isolid_active.subscribe(x => {
      if (x.orderid != 0){
        this.http.get<maldi[]>("https://test.be/getmaldi?specimenid=" +  x.specimenid + "&seq=" + x.sequentie ).subscribe(data =>
        { 
          this._data = [];
          this.lijst_maldi = data;
          for (let x of data){
            this._data.push({Symbool: x.symbool, Organisme: x.organisme, Score: x.score.substring(0,4) });
            }

            const getters: NbGetters<FSEntry, FSEntry> = {
              dataGetter: (node: FSEntry) => node,
              childrenGetter: (node: FSEntry) => node.childEntries || undefined,
              expandedGetter: (node: FSEntry) => !!node.expanded,
            };
            this.source = dataSourceBuilder.create(this._data, getters);

        });
      }
...