введите здесь описание изображения я использую обычный lightning:datatable с столбцом действий. но после нажатия на значок действия всплывающее окно показывает скрытое в строке ниже изображение, та же проблемано решения нет

Смп

 <aura:handler name="init" value="{!this}" action="{!c.doInit}" />
<aura:if isTrue="{!not(empty(item.rowdata))}">                                          
                                              <lightning:datatable keyField ="Id"
                                                         data="{!item.rowdata}" 
                                                         columns="{!v.tablecolumns }" 
                                                         onrowaction="{!c.handleEditrecord}"
                                                         hideCheckboxColumn="true"
                                                         />

                                     </aura:if>

cmpcontroller.js

doInit : function(component, event, helper) {
 var Tableclumns= [
            {label: 'field1', fieldName: 'field1__c', type: 'text'},
            {label: 'field2', fieldName: 'field2__c', type: 'text'},
            {label: 'field3', fieldName: 'field3__c', type: 'text'},
            {label: 'field4', fieldName: 'field4__c', type: 'text'},
            {label: 'field5', fieldName: 'field5__c', type: 'text'},
            {type: 'action', typeAttributes : {label:'Edit',name:'edit_record'}}

        ]; 

        component.set("v.tablecolumns ",Tableclumns);  
}
-2
sdandamud1 30 Сен 2019 в 17:25
Не повезло с темой выше
 – 
sdandamud1
19 Сен 2019 в 19:53

1 ответ

Лучший ответ

Меню не обрезается; Пусто.

Для action требуется typeAttributes, где rowActions — список. Это находится в документах:

var actions = [
    { label: 'Show details', name: 'show_details' },
    { label: 'Delete', name: 'delete' }
];
cmp.set('v.mycolumns', [
    // Other column data here
    { type: 'action', typeAttributes: { rowActions: actions, menuAlignment: 'left' } }
]);

В вашем случае вам просто нужно немного изменить код:

{type: 'action', typeAttributes: {rowActions: [{label:'Edit',name:'edit_record'}]}
0
sdandamud1 30 Сен 2019 в 17:37
Спасибо, снова спаси мой день
 – 
sdandamud1
20 Сен 2019 в 20:32