grid表格需要在浮动列扩展行功能

[pengyp]

expandIconColumnIndex ， expandIcon的索引，当expandIconAsCell为false时，将插入哪个列。
grid表格浮动列没有data-line-index属性，在浮动列上就不能用expandedRowRender扩展行

项目

营销云-友服务

[pengyp]

[pengyp]

[pengyp]

<Grid
ref={el => (this.grid = el)}
data={supplementOrderItems}
rowKey={(r, i) => (r.id ? r.id : r.key)}
columns={this.detailColumn}
paginationObj={{
verticalPosition: "none"
}}
columnFilterAble={rowEditStatus}
showHeaderMenu={rowEditStatus}
dragborder={rowEditStatus}
draggable={rowEditStatus}
syncHover={rowEditStatus}
multiSelect={!rowEditStatus}
getSelectedDataFunc={this.getSelectedDataFunc}
expandedRowRender={this.expandedRowRender}
expandIconColumnIndex={14}
bodyDisplayInRow={true}
expandedIcon={查看补件进度}
collapsedIcon={查看补件进度}
onRowClick={this.onRowClick}
emptyText={() => (
<Icon
style={{
fontSize: "60px"
}}
type="uf-nodata"
/>
)}
loading={{
show: false
}}
/>

[pengyp]

detailColumn = [
{
title: "补件编码",
dataIndex: "supplementCode",
key: "supplementCode",
width: 200
},
{
title: "补件名称",
dataIndex: "supplementName",
key: "supplementName",
width: 120
},
{
title: "商品编码",
dataIndex: "goodsCode",
key: "goodsCode",
width: 120
},
{
title: "商品名称",
dataIndex: "goodsName",
key: "goodsName",
width: 120
},
{
title: "数量",
dataIndex: "supplementNum",
key: "supplementNum",
width: 120
},
{
title: "单位",
dataIndex: "supplementUnitName",
key: "supplementUnitName",
width: 120
},
{
title: "建议价",
dataIndex: "advicePrice",
key: "advicePrice",
width: 120,
textAlign: "right",
render: (text, record, index) => {
return {toDecimal2(record.advicePrice)};
}
},
{
title: "销售价",
dataIndex: "salePrice",
key: "salePrice",
textAlign: "right",
width: 120,
render: (text, record, index) => {
return {toDecimal2(record.salePrice)};
}
},
{
title: "补件金额",
dataIndex: "amount",
key: "amount",
width: 120,
textAlign: "right",
render: (text, record, index) => {
return {toDecimal2(record.amount)};
}
},
{
title: "补件描述",
dataIndex: "supplementDesc",
key: "supplementDesc",
width: 120
},
{
title: "顾客",
dataIndex: "buyer",
key: "buyer",
width: 120
},
{
title: "顾客联系电话",
dataIndex: "buyerPhone",
key: "buyerPhone",
width: 120
},
{
title: "已发货数量",
dataIndex: "totalDeliveryNum",
key: "totalDeliveryNum",
width: 120,
render: (text, record, index) => {
return {record.totalDeliveryNum || 0};
}
},
{
title: "已出库数量",
dataIndex: "totalOutNum",
key: "totalOutNum",
width: 120,
render: (text, record, index) => {
return {record.totalOutNum || 0};
}
},
{
title: "操作",
dataIndex: "operation",
key: "operation",
width: 200,
render(text, record, index) {}
}
];

[pengyp]

{
title: "操作",
dataIndex: "operation",
key: "operation",
width: 200,
fixed:"right",
render(text, record, index) {}
}
//fixed:"right",这样浮动列就没办法使用扩展行功能

[yurokn]

• bee-table@2.2.1
  • [ Fixbug ] 解决了右侧固定列无法使用扩展功能的问题