Question

很抱歉，标题不好，无法说明一个更好的描述。我试图创建一个表，其中包含由相同宽度的单元格组成的行，但最后创建的行除外。这些行应该包含任意数量的单元格，这些单元格可以包含一个下拉菜单（即ng-select）或一个输入区域。

我有两个问题：

在不包含输入的行中，所有单元格的宽度彼此相等，但是如果我从ng中选择一个选项，请选择相关单元格宽度的更改。
在包含输入的行中，输入最终占用不成比例的空间。

那么我要问的是我要怎么做才能阻止ng-selects改变其单元格的宽度，并阻止包含输入框的单元格占用更多的空间？

     <td *ngFor="let parameter of parameters">
      <app-bm-text-input
        size="medium"
        id="input"
        *ngIf="parameter.inputType === 'text'"
        [formControlName]="parameter.name"
        type="text"
      ></app-bm-text-input>

      <ng-select
        [id]="'ng-select-' + parameter.name"
        class="select-input"
        *ngIf="parameter.inputType === 'select'"
        [items]="parameter.options || columns"
        bindLabel="name"
        [formControlName]="parameter.name"
        bindValue="name"
      >
      </ng-select>

      <ng-select
        id="distinction"
        class="select-input"
        [multiple]="true"
        *ngIf="parameter.inputType === 'multiSelect'"
        [items]="parameter.options || columns"
        bindLabel="name"
        [formControlName]="parameter.name"
        bindValue="name"
      >
      </ng-select>
    </td>

th {
  background-color: #e1e5ee;
  border-radius: 2px 2px 0 0;
  color: #292c42;
  height: 40px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  //flex-grow: 1;
}

td {
  border: 1px solid #e1e5ee;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  color: #9ba0b4;
  //flex-grow: 1;
}

td > * {
  margin: 0;
  box-sizing: border-box;
  width: 100%;
}

.add {
  width: 62px;
}

创建一个表，该表包含固定宽度相等的列，但其中一个除外

0 个答案: