AV香港三级级在线_欧美老妇胖VS小伙_国产成人AV在线精品无码_亚洲 日本 欧美 中文字幕

  •  JavaScript數(shù)據(jù)網(wǎng)格

     

    AG Grid現(xiàn)在是世界先進(jìn)的現(xiàn)代Javascript應(yīng)用程序數(shù)據(jù)網(wǎng)格之一。它誕生于A(yíng)ngular世界,但它現(xiàn)在與框架完全無(wú)關(guān)——它不依賴(lài)于任何框架。AG Grid 支持 Angular、React、JavaScript 和 Vue。

     

    為什么選擇AG Grid

    • 支持具有相同 API 的多個(gè)框架。

    • 為每個(gè)框架量身定制的 GUI 層,以獲得更好的開(kāi)發(fā)人員體驗(yàn)和性能。

    • Community Edition 完全免費(fèi),即使用于商業(yè)用途。

    • 我們的代碼是開(kāi)源的,因此您可以在評(píng)估過(guò)程中查看代碼。

    • 為企業(yè)客戶(hù)提供專(zhuān)門(mén)的支持團(tuán)隊(duì)。

    • 具有其他數(shù)據(jù)網(wǎng)格無(wú)法提供的功能,例如透視、分組、集成圖表。

     

     

    功能概述

    企業(yè)級(jí)功能


    01

    聚合

    分組時(shí),您還可以進(jìn)行聚合以獲取數(shù)據(jù)的聚合值,即總和、極小值、極大值等。使用內(nèi)置聚合函數(shù)或創(chuàng)建自己的聚合函數(shù)。

     

    02

    剪貼板

    從剪貼板復(fù)制和粘貼數(shù)據(jù)。用戶(hù)將能夠在 Excel 中編輯數(shù)據(jù),然后在完成后將數(shù)據(jù)復(fù)制回網(wǎng)格中。

     

     

    03

    欄目菜單

    列菜單從列標(biāo)題下拉。使用默認(rèn)選項(xiàng)或提供您自己的選項(xiàng)。

    04

    上下文菜單

    右鍵單擊單元格時(shí)會(huì)出現(xiàn)上下文菜單。使用默認(rèn)選項(xiàng)或提供您自己的選項(xiàng)。

     

    05

    Excel導(dǎo)出

    以本機(jī)Excel格式導(dǎo)出,該格式將保持列寬并允許導(dǎo)出樣式。例如,您可以為網(wǎng)格中的單元格著色,并在Excel導(dǎo)出中為等效的單元格著色。

    06

    分組行

    使用分組行將數(shù)據(jù)分組到選定的維度上。您可以將數(shù)據(jù)設(shè)置為按特定列分組,或者允許用戶(hù)拖放他們選擇的列并動(dòng)態(tài)分組。

    07

    主/細(xì)節(jié)

    使用Master Detail擴(kuò)展行,并在內(nèi)部有另一個(gè)包含不同列的網(wǎng)格。

    08

    原型

    通過(guò)對(duì)數(shù)據(jù)進(jìn)行透視來(lái)創(chuàng)建列,類(lèi)似于 Excel 中的數(shù)據(jù)透視表。

    09

    范圍選擇

    將鼠標(biāo)拖到單元格上以創(chuàng)建范圍選擇。這對(duì)于突出顯示數(shù)據(jù)或復(fù)制到剪貼板非常方便。

    10

    設(shè)置過(guò)濾器

    Set Filter的工作方式與Excel類(lèi)似,提供復(fù)選框以從集合中選擇值。

    11

    狀態(tài)欄

    當(dāng)您使用范圍選擇選擇單元格范圍時(shí),狀態(tài)欄出現(xiàn)在網(wǎng)格底部并顯示聚合(總和、極小值、極大值等)。這類(lèi)似于Excel中發(fā)生的情況。

    12

    工具面板

    工具面板允許用戶(hù)操作列列表,例如顯示和隱藏,或拖動(dòng)列進(jìn)行分組或旋轉(zhuǎn)。

    13

    樹(shù)數(shù)據(jù)

    使用樹(shù)數(shù)據(jù)顯示具有父/子關(guān)系的數(shù)據(jù),其中父/子關(guān)系作為數(shù)據(jù)的一部分提供。例如,一個(gè)文件夾可以包含零個(gè)或多個(gè)文件和其他文件夾。

     

     

    核心網(wǎng)格功能


    01

    可訪(fǎng)問(wèn)性

    網(wǎng)格在單元格內(nèi)具有 ARIA 角色,用于輔助功能 以啟用屏幕閱讀器導(dǎo)航。

    02

    網(wǎng)格對(duì)齊

    使一個(gè)或多個(gè)網(wǎng)格水平對(duì)齊,以便一個(gè)網(wǎng)格中的任何列更改都會(huì)影響另一個(gè)網(wǎng)格。這允許具有不同數(shù)據(jù)的兩個(gè)網(wǎng)格保持水平同步。

     

    03

    單元格編輯

    用戶(hù)可以使用單元格編輯更新數(shù)據(jù)。使用提供的單元格編輯器之一或創(chuàng)建自己的單元格編輯器以滿(mǎn)足您的業(yè)務(wù)需求。

    04

    列過(guò)濾器

    列過(guò)濾器出現(xiàn)在列菜單中。網(wǎng)格帶有開(kāi)箱即用的過(guò)濾器:文本、數(shù)字、日期和設(shè)置過(guò)濾器。您還可以創(chuàng)建自己的客戶(hù)過(guò)濾器。

    05

    列組

    列可以組合成列組。此外,您可以將組配置為可展開(kāi)以顯示和隱藏組內(nèi)的列。

    06

    列移動(dòng)

    可以通過(guò)用鼠標(biāo)拖動(dòng)列或使用API來(lái)內(nèi)聯(lián)移動(dòng)列。

    07

    列固定

    使用列固定將一列或多列固定在左側(cè)或右側(cè)。固定列始終存在,不受水平滾動(dòng)的影響。

     

    08

    列調(diào)整大小

    通過(guò)拖動(dòng)列標(biāo)題的邊緣來(lái)調(diào)整列的大小,自動(dòng)填充以填充網(wǎng)格寬度,或通過(guò)自動(dòng)調(diào)整列大小以適應(yīng)其內(nèi)容。

    09

    CSV導(dǎo)出

    使用CSV 導(dǎo)出將數(shù)據(jù)從網(wǎng)格中取出并放入另一個(gè)應(yīng)用程序(例如Excel)進(jìn)行進(jìn)一步處理。

     

    10

    自定義過(guò)濾器

    創(chuàng)建您自己的自定義過(guò)濾器以匹配您自己的業(yè)務(wù)需求。

    11

    日期過(guò)濾器

    日期過(guò)濾器允許使用 {equals、notEquals、lessThanOrEqual、greaterThan、greaterThanOrEqual、inRange} 過(guò)濾日期。

    12

    外部過(guò)濾器

    外部過(guò)濾器允許您構(gòu)建位于網(wǎng)格之外的過(guò)濾器。例如,您可以在網(wǎng)格之外為您自己的過(guò)濾器包含您自己的小部件。

    13

    鍵盤(pán)導(dǎo)航

    使用鍵盤(pán)導(dǎo)航,用戶(hù)可以使用光標(biāo)鍵和Tab鍵在單元格之間導(dǎo)航。

    14

    印刷

    刪除網(wǎng)格中的所有滾動(dòng)以使其準(zhǔn)備好打印。

    15

    號(hào)碼過(guò)濾器

    數(shù)字過(guò)濾器允許使用 {equals, notEquals, lessThanOrEqual, greaterThan, greaterThanOrEqual, inRange} 過(guò)濾數(shù)字

    16

    分頁(yè)

    當(dāng)您不希望用戶(hù)滾動(dòng)時(shí)使用分頁(yè)。分頁(yè)允許一次查看一頁(yè)的行。

    17

    快速過(guò)濾器

    快速過(guò)濾器通過(guò)簡(jiǎn)單的文本搜索同時(shí)過(guò)濾所有列,就像您過(guò)濾Gmail的方式一樣。

    18

    行選擇

    行選擇以選擇行。在單擊選擇或復(fù)選框選擇之間進(jìn)行選擇。選擇組將選擇孩子。

    19

    行排序

    行排序?qū)?duì)數(shù)據(jù)進(jìn)行排序。通過(guò)單擊標(biāo)題對(duì)列進(jìn)行排序。按住 對(duì)多列進(jìn)行排序Shift。

     

    20

    行拖動(dòng)

    行拖動(dòng)允許您通過(guò)拖動(dòng)來(lái)重新排列行。

    21

    文本過(guò)濾器

    文本過(guò)濾器允許使用 {equals, notEqual, contains, notContains, startsWith, endsWith} 過(guò)濾文本字符串。

    22

    觸控支持

    用戶(hù)可以在具有內(nèi)置 觸控支持的觸控設(shè)備上導(dǎo)航網(wǎng)格的功能。你不需要做任何事情,它開(kāi)箱即用。

     

     

    配置


    01

    列定義

    通過(guò)提供列定義列表在網(wǎng)格中配置列。您在列定義上設(shè)置的屬性定義了列的行為方式,例如標(biāo)題、寬度等。

    02

    網(wǎng)格大小

    使用CSS設(shè)置網(wǎng)格的寬度和高度。如果您的應(yīng)用程序在運(yùn)行時(shí)更改了網(wǎng)格的大小,則網(wǎng)格將動(dòng)態(tài)調(diào)整為新的大小。

     

     

    造型與外觀(guān)


    01

    動(dòng)畫(huà)

    用戶(hù)排序或過(guò)濾后,網(wǎng)格中的行將動(dòng)畫(huà)到位。

    02

    單元格渲染

    使用Cell Rendering讓單元格呈現(xiàn)除簡(jiǎn)單字符串之外的值。例如,將國(guó)家標(biāo)志放在國(guó)家名稱(chēng)旁邊,或按按鈕進(jìn)行操作。

    03

    單元格樣式

    使用CSS規(guī)則根據(jù)數(shù)據(jù)內(nèi)容定義單元格樣式,例如將紅色背景放在具有負(fù)值的單元格上,將綠色背景放在值大于 100 的單元格上。

    04

    列標(biāo)題

    例如,可以微調(diào)列標(biāo)題的顯示以更改標(biāo)題高度和文本方向。

    05

    列跨越

    Column Spanning允許單元格跨列,類(lèi)似于Excel 中的單元格跨度

    06

    自定義圖標(biāo)

    網(wǎng)格中的所有圖標(biāo)都可以替換為您自己的自定義圖標(biāo)。您可以使用 CSS 或提供自己的圖像。

    07

    全寬行

    全寬行允許您擁有一個(gè)跨越整個(gè)表格寬度的單元格。這允許卡片布局與普通單元格一起工作。

    08

    本土化

    通過(guò)Localization支持不同的語(yǔ)言。

    09

    疊加層

    完全控制覆蓋以在網(wǎng)格頂部向用戶(hù)顯示消息

    10

    行高

    行可以有不同的行高。您甚至可以在運(yùn)行時(shí)動(dòng)態(tài)更改行高。

    11

    行固定

    使用固定行將一或多行固定到頂部或底部。固定行始終存在,不受垂直滾動(dòng)的影響。

    12

    RTL

    使用從右到左對(duì)齊以允許使用阿拉伯語(yǔ)和希伯來(lái)語(yǔ)等語(yǔ)言。

     

     

    處理數(shù)據(jù)


    01

    訪(fǎng)問(wèn)數(shù)據(jù)

    一旦數(shù)據(jù)在網(wǎng)格中,您可以使用網(wǎng)格的API訪(fǎng)問(wèn)數(shù)據(jù)。

    02

    變化檢測(cè)

    當(dāng)您更改網(wǎng)格內(nèi)的數(shù)據(jù)時(shí),網(wǎng)格會(huì)運(yùn)行更改檢測(cè)以檢查是否需要更新任何其他單元格以反映更改。

    03

    表達(dá)式

    表達(dá)式允許您使用簡(jiǎn)單的字符串而不是值獲取器、設(shè)置器、格式化程序和解析器的函數(shù)。

    04

    表達(dá)式參考數(shù)據(jù)

    使用參考數(shù)據(jù)可以更輕松地編輯使用參考數(shù)據(jù)進(jìn)行顯示的數(shù)據(jù)。例如,您的數(shù)據(jù)中可能包含國(guó)家/地區(qū)代碼,例如 {IE, UK, USA},但您顯示的值可能是 {Ireland, Great British, United States of America})。使用參考數(shù)據(jù)可以簡(jiǎn)化這一點(diǎn),尤其是在編輯時(shí)。

    05

    設(shè)置器和解析器

    值設(shè)置器和值解析器與值獲取器和值格式化器相反。值設(shè)置器用于在無(wú)法使用字段時(shí)將值放入數(shù)據(jù)中。值解析器用于解析已編輯的值,例如在存儲(chǔ)到數(shù)據(jù)之前刪除格式。

    06

    更新數(shù)據(jù)

    數(shù)據(jù)可以實(shí)時(shí)更新。網(wǎng)格可以通過(guò)閃爍單元格或在單元格刷新時(shí)通過(guò)單元格內(nèi)的動(dòng)畫(huà)來(lái)突出顯示更改。

    07

    值獲取器和值格式化器

    值獲取器和值格式化器是關(guān)于獲取和格式化要顯示的數(shù)據(jù)。當(dāng)數(shù)據(jù)不是一個(gè)簡(jiǎn)單的字段時(shí),使用Value Getter 。使用值格式化程序來(lái)格式化值以供顯示。

    08

    查看刷新

    如果數(shù)據(jù)在網(wǎng)格之外發(fā)生更改,請(qǐng)讓網(wǎng)格執(zhí)行視圖刷新以將UI更新為新值。網(wǎng)格將使用更改檢測(cè)來(lái)僅刷新已更改的值。

     

     

    表現(xiàn)


    01

    表現(xiàn)

    核心網(wǎng)格引擎提供了與以前不同的性能。網(wǎng)格使用行和列虛擬化、動(dòng)畫(huà)幀和許多其他技術(shù)。