<section data-role="outer" label="Powered by 135editor.com" style=""> <p style="vertical-align:inherit;"> <img src="https://bcn.135editor.com/files/users/474/4749834/202208/j7uETM6T_NNGI.jpg" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="公众号首图.jpg"/> </p> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section class="_135editor" data-tools="135编辑器" data-id="116161"> <section style="margin: 20px auto;"> <section style="background-color: #fbf2f1;"> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important;width: 100%;" data-width="100%"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/de670a7897a2d6ead0cd4989fe3a1859.gif" data-width="100%" draggable="false"/> </section> <section style="padding: 15px;"> <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;background: transparent;"> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="text-decoration-thickness: initial; font-size: 14px; color: #323232; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px; display: inline !important;">AG Grid是一个客户端</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="text-decoration-thickness: initial; font-size: 14px; color: #323232; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px; display: inline !important;">JavaScript网格</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="text-decoration-thickness: initial; font-size: 14px; color: #323232; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px; display: inline !important;">旨在与框架无关</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="text-decoration-thickness: initial; font-size: 14px; color: #323232; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px; display: inline !important;">它不依赖于任何框架</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="text-decoration-thickness: initial; font-size: 14px; color: #323232; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px; display: inline !important;">因此可以轻松地与任何框架集成</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <br/> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <img src="https://bcn.135editor.com/files/users/474/4749834/202208/5753XVRT_9353.png" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="大图.png" draggable="false"/> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <br/> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="letter-spacing: 1px;"><span style="font-size: 14px; background-color: transparent; text-align: justify; caret-color: red; color: #323232; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px;">AG Grid</span><span style="background-color: transparent; color: #323232; text-align: justify; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px;">支持具有相同API的多个框架</span></span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="background-color: transparent; color: #323232; text-align: justify; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px;">通过为每个框架量身定制的GUI层</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="background-color: transparent; color: #323232; text-align: justify; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px;">获得更好的开发人员体验和性能</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="background-color: transparent; color: #323232; text-align: justify; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px;">提供Community及Enterprise两个版本</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="background-color: transparent; color: #323232; text-align: justify; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px;">其中Enterprise版本是完全免费地</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="background-color: transparent; color: #323232; text-align: justify; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px;">Enterprise版本则提供</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="background-color: transparent; color: #323232; text-align: justify; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px;">其他数据网格无法提供的功能</span> </p> <p style="text-align:center; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="center"> <span style="background-color: transparent; color: #323232; text-align: justify; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px;">例如：透视、分组、集成图表等</span> </p> </section> </section> </section> </section> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section class="_135editor" data-tools="135编辑器" data-id="116170"> <section style="margin: 20px auto;"> <section style="display: flex;justify-content: center;"> <section> <section style="display: flex;justify-content: center;align-items: center;"> <section class="assistant" style="box-sizing:border-box;width: 20px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/976f6043cb0495d8f4da06c7fe744d98.png" data-width="100%" draggable="false"/> </section> <section style="font-size: 16px;color: #c82516;text-align: center;letter-spacing: 1.5px;padding: 0 10px;"> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px;"><strong class="135brush" data-brushtype="text">开发商介绍</strong></span> </p> </section> <section class="assistant" style="box-sizing:border-box;width: 20px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/976f6043cb0495d8f4da06c7fe744d98.png" data-width="100%" draggable="false" /> </section> </section> <section class="assistant" style="box-sizing:border-box;width: 180px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/0833f727ca418b83d608b747c18e98f3.gif" data-width="100%" draggable="false"/> </section> </section> </section> </section> </section> <section class="_135editor" data-tools="135编辑器" data-id="116161"> <section style="margin: 20px auto;"> <section style="background-color: #fbf2f1;"> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important;width: 100%;" data-width="100%"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/de670a7897a2d6ead0cd4989fe3a1859.gif" data-width="100%" draggable="false"/> </section> <section style="padding: 15px; box-sizing: border-box;"> <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;background: transparent;"> <p style="text-align:left; color: #3f3f3f; letter-spacing: 1.5px; vertical-align: inherit; line-height: 2em;" align="left"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;"><span style="font-size: 14px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; text-align: left; background-color: transparent; caret-color: red; color: #323232;">AG Grid是英国一家独立自主科技软件公司，由开发人员为开发人员而建立。</span><span style="font-size: 14px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; text-align: left; background-color: transparent; color: #333333; caret-color: red;"><br/></span></span> </p> <p style="text-align:left; vertical-align: inherit; letter-spacing: 1px; line-height: 2em;" align="left"> <br/> </p> <p style="text-align:left; vertical-align: inherit; letter-spacing: 1px; line-height: 2em;" align="left"> <img src="https://bcn.135editor.com/uploadword/4749834/202208/62ea06dd-1784-4cb0-aa80-5a68ac10006c.png" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="logo.png" draggable="false" data-op="change"/> </p> <p style="text-align:left; vertical-align: inherit; letter-spacing: 1px; line-height: 2em;" align="left"> <br/> </p> <p style="text-align:left; vertical-align: inherit; letter-spacing: 1px; line-height: 2em;" align="left"> <span style="color: #323232; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid目前提供两个版本地产品，分别是AG Grid Community和AG Grid Enterprise，AG Grid Community是免费和开源的，AG Grid Enterprise 提供专门的支持和更多企业风格的功能。AG Grid 免费提供其他网格工具的收费功能，而AG Grid Enterprise 提供了更多强大地功能。</span> </p> <p style="text-align:left; vertical-align: inherit; letter-spacing: 1px; line-height: 2em;" align="left"> <br/> </p> <p style="text-align:left; vertical-align: inherit; letter-spacing: 1px; line-height: 2em;" align="left"> <span style="color: #323232; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid每月下载量超过120万次，超过80%的世界500强企业使用AG Grid Enterprise。AG Grid已成为企业JavaScript开发人员首选的JavaScript数据网格。</span> </p> <p style="text-align:left; vertical-align: inherit; letter-spacing: 1px; line-height: 2em;" align="left"> <br/> </p> </section> </section> </section> </section> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section class="_135editor" data-tools="135编辑器" data-id="116170"> <section style="margin: 20px auto;"> <section style="display: flex;justify-content: center;"> <section> <section style="display: flex;justify-content: center;align-items: center;"> <section class="assistant" style="box-sizing:border-box;width: 20px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/976f6043cb0495d8f4da06c7fe744d98.png" data-width="100%" draggable="false"/> </section> <section style="font-size: 16px; color: #c82516; text-align: center; letter-spacing: 1.5px; padding: 0px 10px; box-sizing: border-box;"> <p style="line-height: 1.75em;"> <span style="letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong class="135brush" data-brushtype="text">为什么选择AG Grid</strong></span> </p> </section> <section class="assistant" style="box-sizing:border-box;width: 20px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/976f6043cb0495d8f4da06c7fe744d98.png" data-width="100%" draggable="false"/> </section> </section> <section class="assistant" style="box-sizing:border-box;width: 180px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/0833f727ca418b83d608b747c18e98f3.gif" data-width="100%" draggable="false"/> </section> </section> </section> </section> </section> <section class="_135editor" data-tools="135编辑器" data-id="116161"> <section style="margin: 20px auto;"> <section style="background-color: #fbf2f1;"> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important;width: 100%;" data-width="100%"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/de670a7897a2d6ead0cd4989fe3a1859.gif" data-width="100%" draggable="false"/> </section> <section style="padding: 15px; box-sizing: border-box;"> <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;background: transparent;"> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>AG Grid中的“ag”代表 AGnostic</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid具有零依赖项，例如Angular或React，AG Grid甚至不使用JQuery、Underscore或LoDash。AG Grid的基础是专门为AG Grid设计的定制框架。没有依赖意味着AG Grid 可以与任何框架一起工作——AG Grid称这个框架不可知。<br/></span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">与框架无关，您可以分别选择框架和数据网格。它还减少了移动框架时所需的工作（例如，从Angular 1移动到 Angular，VueJS到React等）。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">如果您选择了一个与框架无关的数据网格（例如使用Angular编写），那么您将被锁定在该框架中。</span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>02</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>扩展到数据网格的复杂要求</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">几乎所有其他JavaScript数据网格都开始解决特定问题（例如过滤器和排序，或数据透视表），但随后无法扩展。这些设计不能扩展到数据网格的复杂要求。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid构建AG Grid是因为没有其他数据网格能够满足AG Grid的开发需求，正如AG Grid在AG Grid的历史中所解释的那样</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid的坚固设计使其能够管理：</span> </p> <section class="_135editor" data-role="list"> <ul class="list-paddingleft-2" style="list-style-type: square;"> <li> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">数据网格的核心特征和；</span> </p> </li> <li> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">其他网格中不存在的项目，例如旋转。</span> </p> </li> </ul> </section> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>03</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>集成</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid与Angular和React等框架集成。这意味着AG Grid 不仅可以作为React或Angular组件使用，它还允许您在AG Grid中使用React和Angular进行自定义单元格渲染。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid不知道有任何其他网格组件允许您从网格内的任何这些框架中进行选择，同时保持不可知论。</span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>04</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>专用框架GUI支持</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid有一组用于主网格的核心代码。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid为每个框架都有专用的 GUI 包，这允许AG Grid为每个框架提供相同的 Grid API 并提供更专用的框架支持。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid的 React 包完全是用 React 编写的，因此所有用于自定义 Hook 和使用 React 开发工具的常规 React 方法都可以正常工作。网格的 GUI 元素是纯 React。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid的 Angular 包是完全类型化的，并且完全支持 TypeScript，使其成为无缝的 Angular 开发人员体验。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">大多数网格选择一个框架，或者是通用的 JavaScript，导致框架体验效果不佳。AG Grid提供跨所有框架的核心 API 体验，并针对每个框架针对特定的开发人员进行了增强。</span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>05</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>企业版功能</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">AG Grid免费提供其他电网的收费。没有理由购买另一个数据网格。AG Grid的企业版包含超越市场上其他数据网格的功能。</span> </p> <p> <br/> </p> <p> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">目前几乎找不到有任何其他网格提供与AG Grid相同级别的企业功能。</span> </p> <p> <br/> </p> <p> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">AG Grid通常用作其他网格竞争的基线。一些竞争网格仍在开发AG Grid多年来提供的功能，例如分组、旋转、范围选择。</span> </p> <p> <br/> </p> <p> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">AG Grid提供了其他网格无法比拟的功能，例如AG Grid的集成图表解决方案 允许用户在无需任何开发工作的情况下直观地探索数据。</span> </p> <p> <br/> </p> <p> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">AG Grid将所有功能添加到一个网格中。AG Grid不会为树形布局、数据透视表或不同的框架创建单独的网格。一个网格，跨所有框架的相同功能和API。</span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>06</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>开源</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">A</span><span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">G Grid 和 AG Grid-Enterprise 都是开源的——AG Grid 是免费的，AG Grid Enterprise 需要许可证。这两套代码都可以在 Github 上找到，您可以在其中查看代码并提出问题和拉取请求。开源性质允许社区为 AG Grid 团队提供建议并充当代码审查者。闭源项目没有相同的社区支持或知名度。</span><span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;"></span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>07</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>免费和商业</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">AG Grid有免费版和商业版。这使每个人都可以从AG Grid中受益，即使他们的预算有限。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">商业版本为项目的发展提供资金。这保证了AG Grid项目将继续进行，同时还免费提供更好的标准JavaScript数据网格。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">这还允许您使用免费社区版探索、评估和试验AG Grid，而无需参与销售流程，并且您的评估可以根据需要进行。</span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>09</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>拓展性和灵活性</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1.5px;">AG Grid有一个API，支持开发人员构建高级功能和扩展网格。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1.5px;">开发人员欣赏将自定义组件和样式添加到网格中的所有钩子和功能。</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1.5px;">AG Grid是如此灵活，以至于有些公司和开源项目已经构建了产品来为网格创建新的主题和新的 GUI 功能，而核心网格功能保持不变。例如适应性工具</span> </p> <p> <br/> </p> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1.5px;">AG Grid的API和无依赖包意味着 AG Grid 也可作为许多 Data Vizualisation 和 ML 工具（如 R 和 Streamlit）的插件使用。</span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>10</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>永远进步</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="letter-spacing: 1px;">AG Grid专注于集成到网格中的核心功能。AG Grid不提供组件库，因为AG Grid所有的开发工作都致力于打造更好的网格。AG Grid不想接管您的整个应用程序开发过程，AG Grid希望使您能够创建高性能和可扩展的数据网格可视化系统。</span><span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1.5px;"></span> </p> </section> </section> </section> </section> </section> </section> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section class="_135editor" data-tools="135编辑器" data-id="116170"> <section style="margin: 20px auto;"> <section style="display: flex;justify-content: center;"> <section> <section style="display: flex;justify-content: center;align-items: center;"> <section class="assistant" style="box-sizing:border-box;width: 20px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/976f6043cb0495d8f4da06c7fe744d98.png" data-width="100%" draggable="false"/> </section> <section style="font-size: 16px; color: #c82516; text-align: center; letter-spacing: 1.5px; padding: 0px 10px; box-sizing: border-box;"> <p style="line-height: 1.75em;"> <span style="letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong class="135brush" data-brushtype="text">AG Grid企业级功能</strong></span> </p> </section> <section class="assistant" style="box-sizing:border-box;width: 20px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/976f6043cb0495d8f4da06c7fe744d98.png" data-width="100%" draggable="false"/> </section> </section> <section class="assistant" style="box-sizing:border-box;width: 180px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/0833f727ca418b83d608b747c18e98f3.gif" data-width="100%" draggable="false"/> </section> </section> </section> </section> </section> <section class="_135editor" data-tools="135编辑器" data-id="116161"> <section style="margin: 20px auto;"> <section style="background-color: #fbf2f1;"> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important;width: 100%;" data-width="100%"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/de670a7897a2d6ead0cd4989fe3a1859.gif" data-width="100%" draggable="false"/> </section> <section style="padding: 15px; box-sizing: border-box;"> <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;background: transparent;"> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>聚合</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="text-align:left;vertical-align: inherit; line-height: 1.75em;" align="left"> 分组时，您还可以进行聚合以获取数据的聚合值，即总和、最小值、最大值等。使用内置聚合函数或创建自己的聚合函数。<img src="https://bcn.135editor.com/files/users/474/4749834/202208/LMtdkVCI_V2S4.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="聚合.gif" draggable="false"/><span style="font-size: 14px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"></span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>02</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>剪贴板</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> 从剪贴板复制和粘贴数据。用户将能够在 Excel 中编辑数据，然后在完成后将数据复制回网格中。 </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <img src="https://bcn.135editor.com/files/users/474/4749834/202208/NWCRYDNX_ZeBS.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="剪切板.gif" draggable="false"/> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>03</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>栏目菜单</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px; background-color: transparent; caret-color: red;">列菜单从列标题下拉。使用默认选项或提供您自己的选项。</span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; letter-spacing: 1px; background-color: transparent; caret-color: red;"><img src="https://bcn.135editor.com/files/users/474/4749834/202208/jhehBwSq_4OPs.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="栏目菜单.gif" draggable="false"/></span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>04</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>上下文菜单</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-size: 14px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">右键单击单元格时会出现上下文菜单。使用默认选项或提供您自己的选项。</span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-size: 14px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><img src="https://bcn.135editor.com/files/users/474/4749834/202208/hhj6QA4U_xPqQ.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="上下文菜单.gif" draggable="false"/></span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>05</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>Excel导出</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">以本机Excel格式导出，该格式将保持列宽并允许导出样式。例如，您可以为网格中的单元格着色，并在 Excel 导出中为等效的单元格着色。</span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><img src="https://bcn.135editor.com/files/users/474/4749834/202208/sVhENdvF_rcBw.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="Excel导出.gif" draggable="false"/></span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>06</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>分组行</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">使用分组行将数据分组到选定的维度上。您可以将数据设置为按特定列分组，或者允许用户拖放他们选择的列并动态分组。</span><span style="font-size: 14px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"></span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><img src="https://bcn.135editor.com/files/users/474/4749834/202208/AAMtHImI_sOB4.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="分组行.gif" draggable="false"/></span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>07</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>主/细节</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> 使用Master Detail扩展行并在内部有另一个包含不同列的网格。<span style="font-size: 14px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"></span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <img src="https://bcn.135editor.com/files/users/474/4749834/202208/ubJvFPrg_87jJ.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="主细节.gif" draggable="false"/> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>08</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>项目</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-size: 14px; letter-spacing: 1.5px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">AG Grid有一个API，支持开发人员构建高级功能和扩展网格。</span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="background-color: transparent; caret-color: red; font-size: 14px; letter-spacing: 1.5px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><img src="https://bcn.135editor.com/files/users/474/4749834/202208/LOwvGRqt_wVEL.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="旋转.gif" draggable="false"/></span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>09</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>范围选择</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="letter-spacing: 1px;">将鼠标拖到单元格上以创建范围选择。这对于突出显示数据或复制到剪贴板非常方便。</span><span style="font-size: 14px; letter-spacing: 1.5px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"></span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="letter-spacing: 1px;"><img src="https://bcn.135editor.com/files/users/474/4749834/202208/Gr6tqphq_V36x.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="范围选择.gif" draggable="false"/></span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <br/> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>10</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>设置过滤器</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="letter-spacing: 1px;">Set Filter的工作方式与Excel类似，提供复选框以从集合中选择值。</span><span style="font-size: 14px; letter-spacing: 1.5px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"></span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="letter-spacing: 1px;"><img src="https://bcn.135editor.com/files/users/474/4749834/202208/3wpEU38j_9EW6.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="设置过滤器.gif" draggable="false"/></span> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>11</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>工具面板</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="letter-spacing: 1px;">工具面板允许用户操作列列表，例如显示和隐藏，或拖动列进行分组或旋转。</span><span style="font-size: 14px; letter-spacing: 1.5px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"></span> </p> <p style="text-align:center;vertical-align: inherit; line-height: 1.75em;" align="center"> <span style="letter-spacing: 1px;"><img src="https://bcn.135editor.com/files/users/474/4749834/202208/6zQH7yM9_xknH.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="工具面板.gif" draggable="false"/></span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <br/> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>12</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>树数据</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="letter-spacing: 1px;">例如，一个文件夹可以包含零个或多个文件和其他文件夹。使一个或多个网格水平对齐，以便一个网格中的任何列更改都会影响另一个网格。这允许具有不同数据的两个网格保持水平同步。</span><span style="font-size: 14px; letter-spacing: 1.5px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"></span> </p> <p style="text-align:center;vertical-align: inherit; line-height: 1.75em;" align="center"> <img src="https://bcn.135editor.com/files/users/474/4749834/202208/5deNEVFC_eJdW.gif" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="树数据.gif" draggable="false"/> </p> </section> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> </section> </section> </section> </section> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section class="_135editor" data-tools="135编辑器" data-id="116170"> <section style="margin: 20px auto;"> <section style="display: flex;justify-content: center;"> <section> <section style="display: flex;justify-content: center;align-items: center;"> <section class="assistant" style="box-sizing:border-box;width: 20px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/976f6043cb0495d8f4da06c7fe744d98.png" data-width="100%" draggable="false"/> </section> <section style="font-size: 16px; color: #c82516; text-align: center; letter-spacing: 1.5px; padding: 0px 10px; box-sizing: border-box;"> <p style="line-height: 1.75em;"> <span style="letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong class="135brush" data-brushtype="text">集成图表</strong></span> </p> </section> <section class="assistant" style="box-sizing:border-box;width: 20px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/976f6043cb0495d8f4da06c7fe744d98.png" data-width="100%" draggable="false"/> </section> </section> <section class="assistant" style="box-sizing:border-box;width: 180px;margin:10px auto;"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/0833f727ca418b83d608b747c18e98f3.gif" data-width="100%" draggable="false"/> </section> </section> </section> </section> </section> <section class="_135editor" data-tools="135编辑器" data-id="116161"> <section style="margin: 20px auto;"> <section style="background-color: #fbf2f1;"> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important;width: 100%;" data-width="100%"> <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="https://bcn.135editor.com/files/images/editor_styles/de670a7897a2d6ead0cd4989fe3a1859.gif" data-width="100%" draggable="false"/> </section> <section style="padding: 15px; box-sizing: border-box;"> <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;background: transparent;"> <section data-role="paragraph" class="_135editor"> <p style="line-height: 1.75em;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif; font-size: 14px; letter-spacing: 1px;">图表功能与网格深度集成。这种集成为用户提供了无缝的图表体验，同时将开发人员所需的编码降至更低。</span> </p> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section class="_135editor" data-role="title" data-tools="135编辑器" data-id="94125"> <section style="padding: 5px; text-align: center; box-sizing: border-box;" hm_fix="396:754"> <section style="display: inline-block;"> <section class="135brush" data-brushtype="text" style="font-size: 16px; color: #000000; letter-spacing: 1px; padding: 6px 0px 4px; box-sizing: border-box;"> <p style="vertical-align: inherit; line-height: 1.75em; letter-spacing: 1px;"> <strong><span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">用户创建的图表</span></strong> </p> </section> <section style="box-sizing:border-box; width: 3.5em; margin: 4px auto; border-bottom: 1px solid #333333; height: 1px; overflow: hidden;"></section> <section style="box-sizing:border-box; width: 2.5em; margin: 0px auto; border-bottom: 1px solid #333333; height: 1px; overflow: hidden;"> <br/> </section> </section> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>范围图</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="text-align:left;vertical-align: inherit; line-height: 1.75em;" align="left"> 范围图表为用户从网格内部创建图表提供了一种快速简便的方法。<span style="font-size: 14px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"></span> </p> <p style="text-align:left;vertical-align: inherit; line-height: 1.75em;" align="left"> <img src="https://bcn.135editor.com/files/users/474/4749834/202208/uancVQAG_xyeg.png" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="范围图.png" draggable="false"/> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>02</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>数据透视图</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> 数据透视图允许用户从网格内部绘制所有分组和透视的数据。当网格中的透视模式处于活动状态时，透视图菜单项将出现在网格的上下文菜单中。 </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <img src="https://bcn.135editor.com/files/users/474/4749834/202208/4Z5a4BMm_z2xA.png" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="数据透视图.png" draggable="false"/> </p> </section> </section> <section class="box-edit _135editor" style="background-color: #ffffff; padding: 8px 15px 25px; margin-top: 20px; box-sizing: border-box;"> <section style="display: flex;justify-content: flex-start;align-items: flex-start;"> <section style="display: inline-block;flex-shrink: 0;"> <section style="font-size: 30px;letter-spacing: 0px;color: #323232;"> <span style="font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>03</strong></span> </section> <section class="assistant" style="box-sizing:border-box;max-width: 100% !important; width: 100%; height: 3px; background-color: #ff6f3d; margin-top: -3px; overflow: hidden;" data-width="100%"></section> </section> <section data-autoskip="1" class="135brush" style="flex: 1 1 0%; margin: 7px 0px 0px 10px; text-align: justify; line-height: 1.7em; letter-spacing: 1.5px; color: #ff6f3d; background: transparent;"> <p style="vertical-align: inherit;" hm_fix="338:412"> <span style="font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;"><strong>交叉过滤图表 API</strong></span> </p> </section> </section> <section data-autoskip="1" class="135brush" style="margin-top: 10px; text-align: justify; line-height: 1.7em; font-size: 14px; color: #323232; background: transparent;"> <p style="vertical-align: inherit; line-height: 1.75em;"> <span style="letter-spacing: 1px; background-color: transparent; caret-color: red; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Apple Color Emoji", "Emoji Symbols Font", "Segoe UI Symbol", Arial, sans-serif;">交叉过滤图表允许用户以简单直观的方式与数据交互。单击图表元素会自动过滤网格和其他交叉过滤图表中的值。</span> </p> <p style="vertical-align: inherit; line-height: 1.75em;"> <img src="https://bcn.135editor.com/files/users/474/4749834/202208/kENbMvS5_5SU4.png" style="max-width: 100% !important;box-sizing:border-box;vertical-align: inherit; width: 100%;" alt="交叉过滤图表 API.png" draggable="false"/> </p> </section> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> </section> </section> </section> </section> </section> <section data-role="paragraph" class="_135editor"> <p> <br/> </p> </section> <section data-role="paragraph" class="_135editor"> <p>
