我有没有办法把第一栏(复选框和第二文本栏)放在一栏里.我不需要我的专栏变得粘性.感谢您对此提出的任何建议.

在这里你可以找到Stackblitz代码 https://stackblitz.com/edit/angular-mat-table-checkbox-select-all-lbspiz?file=main.ts

我已try 添加行跨度,但未成功.

推荐答案

首先,我在Stackblitz上做了一个实用的例子:

100

我基本上做了以下更改,将selectname放在同一列中:

修改后的TS-File条部分:

displayedColumns: string[] = ['selectAndName', 'position', 'weight', 'symbol'];

修改后的HTML-File条部分:

<ng-container matColumnDef="selectAndName">
  <th mat-header-cell *matHeaderCellDef>
    <mat-checkbox
      (change)="$event ? masterToggle() : null"
      [checked]="selection.hasValue() && isAllSelected()"
      [indeterminate]="selection.hasValue() && !isAllSelected()"
    >
    </mat-checkbox>
    Select and name
  </th>
  <td mat-cell *matCellDef="let element">
    <mat-checkbox
      (click)="$event.stopPropagation()"
      (change)="$event ? selection.toggle(element) : null"
      [checked]="selection.isSelected(element)"
    >
    </mat-checkbox>
    {{element.name}}
  </td>
</ng-container>

Css相关问答推荐

如何提高数学输出的质量?

如何使搜索框扩展并溢出其他内容

下拉菜单未展开- bootstrap

为什么我的 React slick 轮播响应能力不起作用?

Bootstrap 和 Sass:将 SCSS 文件转换为 CSS 时出错.错误:$theme-colors-rgb 中未定义变量 @each $color、$value

混合网格自动布局与固定的行列位置

当您到达页面底部时,如何使页脚 div 将附加的 div 向上推

如何使用 ReactJS 使用 CSS 设置 map 容器的样式

如何使 css 不重复同一个类?

如何仅包装左侧内容

如何将 Google 字体链接到我的 Nuxt 文件?

如何将 .btn-group 从 twitter-bootstrap 居中?

为什么不能将特定于供应商的伪元素/类组合成一个规则集?

你如何调试可打印的 CSS?

我应该在 HTML 中为我的 IMG 指定高度和宽度属性吗?

CSS如何使元素淡入然后淡出?

悬停时如何在图像上显示文字?

CSS flex,如何在第一行显示一个项目,在下一行显示两个项目

通过 Bootstrap4 对列进行排序

为什么只为第一个元素显示双引号?