如何在闪电树网格中的子行上添加按钮

时间:2019-04-12 10:16:25

标签: salesforce salesforce-lightning

我是闪电组件的新手,我使用闪电树网格视图,因为我想在子行的一列上添加一些按钮。我搜索了该选项,但找不到。

请帮助我,我们如何实现这一目标。

enter image description here

闪电组件

<div class="slds-m-around_xx-large">
        <lightning:treeGrid aura:id="accTree" 
                            columns="{!v.gridColumns}" 
                            data="{!v.gridData}" 
                            keyField="name" 
                            expandedRows="{!v.gridExpandedRows}"/>
    </div>

闪电控制器

var columns = [
            {
                type: 'text',
                fieldName: 'Order',
                label: 'Order'
            },
            {
                type: 'currency',
                fieldName: 'Total',
                label: 'Total'
            },

           **{
                type: 'Button',
                fieldName: 'EstimatedDeliveryDate',
                label: 'Estimated Delivery Date'
            },**
]

我尝试将按钮添加为“ button:类型,但不起作用。

1 个答案:

答案 0 :(得分:0)

仅第一列不能用作button。否则我们有一个叫做button的类型,我们可以传递type属性来对齐除第一列以外的按钮

             type: 'button',
               fieldName: 'Sample',
                label: 'Test',
                    typeAttributes: {
                        iconName: '',
                        name: 'sample', 
                        title: 'testtet',
                        label:'testtet',
                        alternativeText:'Example',
                        variant: 'brand',                      
                        disabled: false
                    }