更新记录
1.0.0(2025-08-13)
下载此版本
1.0.0(2025-07-23)
功能
1、固定
- 头
- 列
- 序号
- 操作列
- 勾选列
- 总计
2、事件
- 查看(操作列)
- 删除(操作列)
- 编辑(操作列)
- 点击行数据
- 上拉加载数据
- 下拉刷新数据
3、插槽
- 数据列插槽(插槽名称通过colname判断)
- 操作列插槽
4、工具栏
- 新增
- 删除(批量)
平台兼容性
uni-app(4.06)
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
× |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
1.0.0(2025-07-23)
功能
1、固定
- 头
- 列
- 序号
- 操作列
- 勾选列
- 总计
2、事件
- 查看(操作列)
- 删除(操作列)
- 编辑(操作列)
- 点击行数据
- 上拉加载数据
- 下拉刷新数据
3、插槽
- 数据列插槽(插槽名称通过colname判断)
- 操作列插槽
4、工具栏
- 新增
- 删除(批量)
代码
view 代码块
<l-table
:data="data"
:columns="columns"
:showOper="true"
:showToolbar="true"
:totalFieldList="totalFieldList"
></l-table>
js 代码块
<script>
export default {
data() {
return {
columns: [
{
type: "checkbox",
fixed: true,
},
{
type: "seq",
fixed: true,
},
{
title: "物料编码",
field: "materialCode",
},
{
title: "物料名称",
field: "materialAlias",
},
{
title: "开票项目名称",
field: "invoiceMaterialName",
},
{
title: "材质",
field: "textureName",
},
{
title: "生产厂家",
field: "manufacturerName",
},
{
title: "开票规格型号",
field: "invoiceSpecificationName",
},
{
title: "开票计量单位",
field: "invoiceUnitName",
},
{
title: "销售合同号",
field: "saleContractNo",
},
{
title: "数量",
field: "quantity",
}
],
data: [
{
materialCode: "M001",
materialAlias: "钢材",
invoiceMaterialName: "钢材A",
textureName: "Q235",
manufacturerName: "厂家A",
invoiceSpecificationName: "规格A",
invoiceUnitName: "吨",
saleContractNo: "SC001",
checked: false,
quantity: 100,
},
{
materialCode: "M002",
materialAlias: "水泥",
invoiceMaterialName: "水泥B",
textureName: "42.5R",
manufacturerName: "厂家B",
invoiceSpecificationName: "规格B",
invoiceUnitName: "吨",
saleContractNo: "SC002",
checked: false,
quantity: 200,
},
{
materialCode: "M003",
materialAlias: "砂石",
invoiceMaterialName: "砂石C",
textureName: "中砂",
manufacturerName: "厂家C",
invoiceSpecificationName: "规格C",
invoiceUnitName: "吨",
saleContractNo: "SC003",
checked: false,
quantity: 300,
}
],
totalFieldList: [
{
field: "quantity",
decimals: 3,
},
],
}
},
onLoad() {
},
methods: {
}
}
</script>
`