html单元格嵌套表格，如何在表格中嵌套表格（iview）如何在表格中嵌套表格(iview)
如何在表格中嵌套表格(iview)
多说⽆益，上代码
*HTML
TS
南通宽频private lineCol = [
{
title: "序号",
// key: "outAgencyName",
东方红汽车
type: "index",
tooltip: true,
},
{
title: "酒类型",
key: "productName",
tooltip: true,
width: 250,
render: (h: any, params: any) => {
return h("div", [
h("Table", {
props: {
columns: [
{
title: "酒类型",
key: "productName",
tooltip: true,
width: 213,
render: (h: any, params: any) => {
let text = `${w.productName}${
}`;
style: {
overflow: "hidden",
whiteSpace: "nowrap",
textOverflow: "ellipsis",
},
attrs: {
title: text,
},
},
text
);
},
},
]
,
"show-header": false,
data: w.details,
},
}),
]);
},
},
{
title: "数量",
key: "number",视在功率
render: (h: any, params: any) => {
return h("div", [
h("Table", {
props: {
columns: [{ title: "数量", key: "number", tooltip: true }], "show-header": false,
data: w.details,
},
},
{
title: "状态",
凤凰电视台
key: "status",
},
{
title: "⽇期",
key: "time",
tooltip: true,
},
{
title: "详情",
key: "id",
render: (h: any, params: any) => { return h("div", [
h("Button", {
props: {
type: "text",
size: "small",
customIcon: "iconfont iconcheck", },
on: {
click: () => {
this.checkDetails(params);
},
},
}),
]);
},
},
// 表格嵌套表格
.outlet .ivu-table-cell .ivu-table-wrapper{ margin-top: 0;
吉林工业大学
.ivu-table-cell{
padding: 0;
杨诗丽}
.ivu-table{
td{
height: 30px;
}
.ivu-table-body table{
width: 100% !important;
}
}
}
效果图
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议