Question

我一直试图在闪电组件中显示CSV数据，但未按预期显示，我需要以表格格式显示。Table format

该组件正在显示数据，但不像CSV文件那样以表格格式显示。

组件

 // E Mail Update
                userAuth.updateEmail(email).addOnCompleteListener(new OnCompleteListener<Void>() {
                    @Override
                    public void onComplete(Task<Void> task) {
                        Toast.makeText(ProfilePage.this, "Mail değiştirildi", Toast.LENGTH_SHORT).show();
                    }
                }).addOnFailureListener(new OnFailureListener() {
                    @Override
                    public void onFailure(Exception e) {
                        Toast.makeText(ProfilePage.this, e.getLocalizedMessage(), Toast.LENGTH_SHORT).show();
                    }
                });

                // Password Update
                userAuth.updatePassword(password).addOnCompleteListener(new OnCompleteListener<Void>() {
                    @Override
                    public void onComplete(Task<Void> task) {
                        Toast.makeText(ProfilePage.this, "Şifre değiştirildi", Toast.LENGTH_SHORT).show();
                    }
                }).addOnFailureListener(new OnFailureListener() {
                    @Override
                    public void onFailure(Exception e) {
                        Toast.makeText(ProfilePage.this, e.getLocalizedMessage(), Toast.LENGTH_LONG).show();
                    }
                });

控制器

--configuration $(BuildConfiguration) /p:CollectCoverage=true /p:threshold=75 /p:thresholdType=line /p:thresholdStat=total /p:CoverletOutputFormat=cobertura

这是显示数据，例如

它在单行中显示类似此表数据的数据。我需要将其显示为表格

Answer 1

对代码进行以下更改，然后它应该可以工作。

组件

<aura:iteration items="{!v.tabledata}" var="row">
    <tr class="slds-hint-parent">
        <aura:iteration items="{!row}" var="tab">
            <td >
                <div class="slds-truncate" title="{!tab}">{!tab}</div>
            </td>
        </aura:iteration>
    </tr>
</aura:iteration>

控制器

for (var i = 1; i < rows.length; i++) {
    var cells = rows[i].split(",");
    var rowData=[];
    if(cells.length!=1){
        for(var j=0; j < cells.length; j++){
            rowData.push(cells[j]);
        }
        tabledata.push(rowData);
    }
}
component.set("v.tabledata",tabledata);

在闪电组件中显示CSV数据

1 个答案: