Question

我有一个网格，并且具有如下列值：

“ DiskStatus”列

“ c先生，蓝色的人有蓝色的房子，有蓝色的车”。

我正在尝试用'/ n'替换
，但它没有给出新行（请参见下面的代码）

this.resultData.forEach（x => x.DiskStatus = x.DiskStatus.replace（// mg，'\ n'））;

如何在网格单元格中获取换行符？

  <table id="groups" class="table table-bordered table-hover dataTable" [mfData]="resultData" #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage"
                            [(mfSortBy)]="sortBy" [(mfSortOrder)]="sortOrder">
                          <thead>
                          <tr role="row">
                            <th>  <mfDefaultSorter by="HostName">Host Name</mfDefaultSorter></th>                       
                            <th><mfDefaultSorter by="CPUStatus">CPU Status</mfDefaultSorter></th>                      
                            <th><mfDefaultSorter by="DiskStatus">Disk Status</mfDefaultSorter></th>


                          </tr>
                          </thead>
                          <tbody *ngIf="resultData.length>0">
                          <tr *ngFor="let result  of mf.data | filter:filter; let i = index">
                            <td>{{result.HostName}}</td>
                            <td>{{result.CPUStatus}}</td>
                            <td>{{result.DiskStatus}}</td>
                          </tr>
                        </tbody>
                        <tr *ngIf="resultData.length <=0"><td colspan="10"> No Data Found</td></tr>
                        <tfoot>
                            <tr>
                                <td colspan="8">
                                    <mfBootstrapPaginator></mfBootstrapPaginator>
                                </td>
                            </tr>
                            </tfoot>
                        </table>

Answer 1

尝试 white-space: pre; /* o pre-wrap o pre-line */关于<td>

的样式

网格列数据表中的新行角度

1 个答案: