LWC-Datatable:通用数据表(分页、选择和搜索)

上传者: 42129300 | 上传时间: 2022-08-19 14:29:40 | 文件大小: 4.51MB | 文件类型: ZIP
使用 LWC 的数据表 介绍 Lightning Web 组件 (LWC) 是使用 HTML 构建的自定义 HTML 元素,现代 JavaScript 和 LWC 使用核心标准,并且仅提供在 Salesforce 支持的浏览器中运行良好所需的内容。 因为它构建在浏览器中原生运行的代码之上,Lightning Web Components 是轻量级的并提供卓越的性能。 您编写的大部分代码都是标准的 JavaScript 和 HTML。 LWC 中的数据表 OOB照明数据表组件显示表格数据,其中可以根据数据类型显示每列。 它内置了很多很棒的功能,但是如果我们有超过 100 行的数据需要在页面上呈现,我们应该实现分页或无限滚动以获得更好的用户体验。 在本文中,我们将专注于创建具有关键功能(如分页、行选择、静态标题和全局搜索)的通用数据表组件。 本文的源代码位于库中。 创建通用组件 首先,我们将

文件下载

资源详情

[{"title":"( 54 个子文件 4.51MB ) LWC-Datatable:通用数据表(分页、选择和搜索)","children":[{"title":"LWC-Datatable-master","children":[{"title":"manifest","children":[{"title":"package.xml <span style='color:#111;'> 872B </span>","children":null,"spread":false}],"spread":true},{"title":"sfdx-project.json <span style='color:#111;'> 193B </span>","children":null,"spread":false},{"title":"SUMMARY.md <span style='color:#111;'> 57B </span>","children":null,"spread":false},{"title":".prettierignore <span style='color:#111;'> 188B </span>","children":null,"spread":false},{"title":".vscode","children":[{"title":"launch.json <span style='color:#111;'> 456B </span>","children":null,"spread":false},{"title":"extensions.json <span style='color:#111;'> 153B </span>","children":null,"spread":false},{"title":"settings.json <span style='color:#111;'> 112B </span>","children":null,"spread":false}],"spread":true},{"title":"scripts","children":[{"title":"apex","children":[{"title":"hello.apex <span style='color:#111;'> 444B </span>","children":null,"spread":false}],"spread":true},{"title":"soql","children":[{"title":"account.soql <span style='color:#111;'> 231B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"Screencast","children":[{"title":"LWC Datatable v1.gif <span style='color:#111;'> 3.45MB </span>","children":null,"spread":false}],"spread":true},{"title":"config","children":[{"title":"project-scratch-def.json <span style='color:#111;'> 373B </span>","children":null,"spread":false}],"spread":true},{"title":"force-app","children":[{"title":"main","children":[{"title":"default","children":[{"title":"classes","children":[{"title":"updateCaseController.cls-meta.xml <span style='color:#111;'> 174B </span>","children":null,"spread":false},{"title":"ContactController.cls-meta.xml <span style='color:#111;'> 174B </span>","children":null,"spread":false},{"title":"updateCaseController.cls <span style='color:#111;'> 284B </span>","children":null,"spread":false},{"title":"ContactController.cls <span style='color:#111;'> 263B </span>","children":null,"spread":false},{"title":"recordIdHelper.cls <span style='color:#111;'> 366B </span>","children":null,"spread":false}],"spread":true},{"title":"lwc","children":[{"title":".eslintrc.json <span style='color:#111;'> 63B </span>","children":null,"spread":false},{"title":"wireLDS","children":[{"title":"wireLDS.js-meta.xml <span style='color:#111;'> 208B </span>","children":null,"spread":false},{"title":"wireLDS.html <span style='color:#111;'> 516B </span>","children":null,"spread":false},{"title":"__tests__","children":[{"title":"data","children":[{"title":"getRecord.json <span style='color:#111;'> 1.41KB </span>","children":null,"spread":false}],"spread":false},{"title":"wireLDS.test.js <span style='color:#111;'> 2.24KB </span>","children":null,"spread":false}],"spread":false},{"title":"wireLDS.js <span style='color:#111;'> 927B </span>","children":null,"spread":false}],"spread":false},{"title":"contactList","children":[{"title":"contactList.html <span style='color:#111;'> 388B </span>","children":null,"spread":false},{"title":"contactList.js-meta.xml <span style='color:#111;'> 280B </span>","children":null,"spread":false},{"title":"contactList.js <span style='color:#111;'> 837B </span>","children":null,"spread":false}],"spread":false},{"title":"wireCPR","children":[{"title":"wireCPR.html <span style='color:#111;'> 165B </span>","children":null,"spread":false},{"title":"wireCPR.js-meta.xml <span style='color:#111;'> 208B </span>","children":null,"spread":false},{"title":"__tests__","children":[{"title":"wireCPR.test.js <span style='color:#111;'> 1.17KB </span>","children":null,"spread":false},{"title":"data","children":[{"title":"CurrentPageReference.json <span style='color:#111;'> 109B </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"wireCPR.js <span style='color:#111;'> 305B </span>","children":null,"spread":false}],"spread":false},{"title":"ldsUtils","children":[{"title":"ldsUtils.js <span style='color:#111;'> 1.23KB </span>","children":null,"spread":false},{"title":"ldsUtils.js-meta.xml <span style='color:#111;'> 208B </span>","children":null,"spread":false}],"spread":false},{"title":"updateMultipleCases","children":[{"title":"updateMultipleCases.html <span style='color:#111;'> 1.01KB </span>","children":null,"spread":false},{"title":"updateMultipleCases.js-meta.xml <span style='color:#111;'> 325B </span>","children":null,"spread":false},{"title":"updateMultipleCases.js <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false}],"spread":false},{"title":"unitTest","children":[{"title":"unitTest.html <span style='color:#111;'> 368B </span>","children":null,"spread":false},{"title":"unitTest.js-meta.xml <span style='color:#111;'> 208B </span>","children":null,"spread":false},{"title":"__tests__","children":[{"title":"sum.test.js <span style='color:#111;'> 146B </span>","children":null,"spread":false},{"title":"unitTest.test.js <span style='color:#111;'> 2.07KB </span>","children":null,"spread":false}],"spread":false},{"title":"sum.js <span style='color:#111;'> 47B </span>","children":null,"spread":false},{"title":"unitTest.js <span style='color:#111;'> 235B </span>","children":null,"spread":false}],"spread":false},{"title":"lwcDatatableUtility","children":[{"title":"lwcDatatableUtility.html <span style='color:#111;'> 4.30KB </span>","children":null,"spread":false},{"title":"lwcDatatableUtility.css <span style='color:#111;'> 472B </span>","children":null,"spread":false},{"title":"lwcDatatableUtility.js-meta.xml <span style='color:#111;'> 284B </span>","children":null,"spread":false},{"title":"lwcDatatableUtility.js <span style='color:#111;'> 9.24KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}],"spread":true}],"spread":true}],"spread":true},{"title":"jest.config.js <span style='color:#111;'> 150B </span>","children":null,"spread":false},{"title":".prettierrc <span style='color:#111;'> 228B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 2.74KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 669B </span>","children":null,"spread":false},{"title":".gitbook","children":[{"title":"assets","children":[{"title":"demo-v1.gif <span style='color:#111;'> 1.71MB </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":".eslintignore <span style='color:#111;'> 87B </span>","children":null,"spread":false},{"title":".forceignore <span style='color:#111;'> 349B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 304.07KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 909B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明