Angular 7-使用ng-content投影对表格trs进行排序

Question

技术：Angular 7，在cli应用程序中使用ng-content投影。

我想要的结果：

我希望我的tr按一列进行排序，例如第1、2或3列 这是一个，所以我有一个可重用的组件。

我的组件：

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

@Component({
  selector: 'ls-table-body',
  template: `
    <ng-content></ng-content>
  `,
  styleUrls: ['./table-body.component.scss']
})
export class TableBodyComponent {
  @Input() public isLoading: boolean;
  @Input() public isData: boolean;
  @Input() public message = 'No Data Available';
}

正在使用我的组件

         <ls-table-body>
          <tr class="child-row">
            <td>aaaa</td>
            <td>data</td>
            <td>data</td>
          </tr>
          <tr class="child-row">
            <td>dddd</td>
            <td>data</td>
            <td>data</td>
          </tr>
          <tr class="child-row">
            <td>bbbbb</td>
            <td>data</td>
            <td>data</td>
          </tr>
        </ls-table-body>

注意：：我不太确定是否可以使用查询列表访问 @contentChild ，然后重新排列行。 / p>

我也愿意接受其他选择。