O endpoint deve retornar a seguinte estrutura json:

{
   "header":[
      {
         "showFilter": boolean,
         "property": string,
         "label":string
      }
   ],
   "items":[
      {
         "property": <Valor retornado pela query>,
      }
   ],
   "hasNext": boolean
}

A propriedade header refere-se ao cabeçalho da tabela. Como a tabela utilizada pelo dashboard é um componente da biblioteca PO-UI (po-table), deve-se informar as propriedades obrigatórias para este componente: property (nome identificador para a coluna) e label (título para a coluna). Para mais informações, clique aqui.

A propriedade items refere-se aos valores que serão apresentados nas colunas da tabela, ou seja, para cada propriedade informada, a query irá retornar um valor. Exemplo: { "code": "000001" }. Este deve ter a propriedade "hasNext" para informar se há próxima página (true) ou não (false).

 
{
    "header": [
        {
            "showFilter": true,
            "type": "link",
            "property": "code",
            "visible": true,
            "label": "Código",
            "action": "Link"
        },
        {
            "showFilter": true,
            "property": "store",
            "visible": true,
            "label": "Loja"
        },
        {
            "showFilter": true,
            "property": "name",
            "visible": true,
            "label": "Nome"
        },
        {
            "showFilter": true,
            "property": "fantasyName",
            "visible": true,
            "label": "Nome Fantasia"
        },
        {
            "showFilter": true,
            "property": "risk",
            "visible": true,
            "label": "Risco"
        }
    ],
    "items": [
        {
            "code": "API001",
            "store": "01",
            "name": "CLIENTE API INCLUSAO",
            "fantasyName": "CLIENTE API INCLUSAO",
            "risk": "A"
        },
        {
            "code": "API002",
            "store": "01",
            "name": "CLIENTE API ALTERACAO",
            "fantasyName": "API ALTERACAO",
            "risk": "A"
        },
        {
            "code": "API003",
            "store": "01",
            "name": "CLIENTE API EXCLUSAO",
            "fantasyName": "API EXCLUSAO",
            "risk": "A"
        },
        {
            "code": "API005",
            "store": "01",
            "name": "API 005 MANUT.COMISSAO ALTERA",
            "fantasyName": "API005",
            "risk": "A"
        },
        {
            "code": "API006",
            "store": "01",
            "name": "API006 MANUT.COMISSAO DELETA",
            "fantasyName": "API006",
            "risk": "A"
        },
        {
            "code": "API007",
            "store": "01",
            "name": "API007 - MATS030 - ALTERAR",
            "fantasyName": "API007 MATS030",
            "risk": "A"
        },
        {
            "code": "API008",
            "store": "01",
            "name": "API008 - MATS030 - DELETAR",
            "fantasyName": "API008 MATS030",
            "risk": "A"
        },
        {
            "code": "BETIM",
            "store": "01",
            "name": "LOJA BETIM",
            "fantasyName": "BETIM  MG",
            "risk": "A"
        },
        {
            "code": "C16190",
            "store": "01",
            "name": "DSERFINR-16190",
            "fantasyName": "16190",
            "risk": "A"
        },
        {
            "code": "CLIBH",
            "store": "01",
            "name": "CLIENTE BELO HORIZONTE",
            "fantasyName": "BELO HORIZONTE",
            "risk": "A"
        }
    ],
    "hasNext": true
}

O endpoint deve retornar a seguinte estrutura json:

{
    "items": [
        {
            "showFilter": boolean,
            "property": string,
            "label": string
        }
    ]
}

A propriedade items refere-se ao campo "Campo" da inclusão de filtro. O property é o nome identificador para a opção e o label é o título para a opção.

O endpoint deve retornar a seguinte estrutura json:

{
    "items": [
        {
			"propriedade": "valor"
        }
    ],
    "hasNext": "false"
}

A propriedade items deve trazer todas as informações que poderão ser apresentadas no card e seu respectivo valor. No exemplo que temos acima com a informação de Total a Receber, ele se refere à propriedade "total" apresentada neste retorno.

O endpoint deve retornar a seguinte estrutura json:

{
    "items": [
        {
            "value": string,
            "label": string
        }
    ]
}

A propriedade items deve retornar a lista com todas as opções que podem aparecer nos campos Primeira Informação, Segunda Informação, Terceira Informação e Quarta Informação. Esse campo é um componente da biblioteca PO-ui (po-combo), portanto deve retornar as propriedades obrigatórias para sua implementação: label (título para a opção) e value (valor daquela opção). Para mais informações, clique aqui.

O endpoint deve retornar a seguinte estrutura json:

{
    "items": [
        {
            "divider": string,
            "gridSmColumns": number,
            "type": string,
            "property": string,
            "gridColumns": number,
            "required": boolean,
            "label": string
        }
    ]
}

A propriedade items deve retornar a lista com as configurações de todos os campos que devem ser apresentados no formulário. Para a montagem deste formulário, é utilizado o componente Dynamic Form do PO-ui, portanto para entender cada uma das propriedades a serem retornadas neste serviço, clique aqui.

O endpoint deve retornar a seguinte estrutura json:

{
    "items": [
        {
            "chartData": [ Lista das informações a serem apresentadas no gráfico ],
            "chartLabels": [ Lista dos títulos das informações ],
            "charttype": string - Tipo do gráfico,
            "title": string - Título do gráfico,
            "currencyMask": [ Máscaras a serem utilizadas ]
        }
    ]
}

A propriedade items deve retornar as informações do gráfico como valores a serem apresentados, títulos a representarem esses valores, título do gráfico e máscara de valores a ser utilizada.

O endpoint deve retornar a seguinte estrutura json:

{
   "header":[
      {
         "showFilter": boolean,
         "property": string,
         "label":string
      }
   ],
   "items":[
      {
         "property": <Valor retornado pela query>,
      }
   ],
   "hasNext": boolean
}

A propriedade header refere-se ao cabeçalho da tabela. Como a tabela utilizada pelo dashboard é um componente da biblioteca PO-UI (po-table), deve-se informar as propriedades obrigatórias para este componente: property (nome identificador para a coluna) e label (título para a coluna). Para mais informações, clique aqui.

A propriedade items refere-se aos valores que serão apresentados nas colunas da tabela, ou seja, para cada propriedade informada, a query irá retornar um valor. Exemplo: { "documentType": "N" }. Este deve ter a propriedade "hasNext" para informar se há próxima página (true) ou não (false).

#INCLUDE "TOTVS.CH"
#INCLUDE "RESTFUL.CH"
 
//------------------------------------------------------------------------
/*/{Protheus.doc} Exemplo2
    Exemplo de API de integração de Graficos de Pizza e/ou Polar
 
    @author     Squad CRM & Faturamento
    @since      26/03/2020
    @version    12.1.27
/*/
//------------------------------------------------------------------------
WSRESTFUL Exemplo2 DESCRIPTION "Exemplo de API - Grafico Pizza e Polar"
 
    WSDATA JsonFilter       AS STRING   OPTIONAL
    WSDATA drillDownFilter  AS STRING   OPTIONAL
    WSDATA Page             AS INTEGER  OPTIONAL
    WSDATA PageSize         AS INTEGER  OPTIONAL
 
    WSMETHOD GET form ;
        DESCRIPTION "Form de Cadastro do Gráfico" ;
        WSSYNTAX "/charts/form/" ;
        PATH "/charts/form";
        PRODUCES APPLICATION_JSON
 
    WSMETHOD POST retdados ;
        DESCRIPTION "Retorna as Informações do Gráfico" ;
        WSSYNTAX "/charts/retdados/{JsonFilter}" ;
        PATH "/charts/retdados";
        PRODUCES APPLICATION_JSON
 
    WSMETHOD POST itemsDetails ;
        DESCRIPTION "Carrega o detalhamento do gráfico" ;
        WSSYNTAX "/charts/itemsDetails/{JsonFilter}" ;
        PATH "/charts/itemsDetails";
        PRODUCES APPLICATION_JSON
 
ENDWSRESTFUL
 
//-------------------------------------------------------------------
/*/{Protheus.doc} GET form
    Retorna os campos que apresentados no Cadastro do Grafico.
    Devera seguir o formato do Dynamic Form do PO-UI.
    https://po-ui.io/tools/dynamic-form
     
    @author Squad CRM & Faturamento
    @since 28/07/2020
    @version 12.1.27
/*/
//-------------------------------------------------------------------
WSMETHOD GET form WSSERVICE Exemplo2
 
    Local oResponse   := JsonObject():New()
    Local oCoreDash   := CoreDash():New()
 
    oCoreDash:SetPOForm("Tipo de Gráfico"    , "charttype"     , 6   , "Tipo de Gráfico"     , .T., "string",;
     oCoreDash:SetPOCombo({{"pie","Pizza"},{"polarArea","Polar"}}))
    oCoreDash:SetPOForm("Datas"              , "datainicio"      , 6   , "Dt. Emissão De"      , .T., "date")
    oCoreDash:SetPOForm(""                   , "datafim"         , 6   , "Dt. Emissão Ate"     , .T., "date")  
 
    oResponse  := oCoreDash:GetPOForm()
 
    Self:SetResponse( EncodeUtf8(oResponse:ToJson()))
 
Return .T.
 
//-------------------------------------------------------------------
/*/{Protheus.doc} POST retdados
    Retorna um objeto JSON com as informações e valores do Grafico
 
    @author Squad CRM & Faturamento
    @since 28/07/2020
    @version 12.1.27
/*/
//-------------------------------------------------------------------
WSMETHOD POST retdados WSRECEIVE JsonFilter WSSERVICE Exemplo2
 
    Local oResponse   := JsonObject():New()
    Local oCoreDash   := CoreDash():New()
    Local oJson       := JsonObject():New()
 
    oJson:FromJson(DecodeUtf8(Self:GetContent()))
 
    retDados(@oResponse, oCoreDash, oJson)
 
    Self:SetResponse( EncodeUtf8(oResponse:ToJson()))
 
    oResponse := Nil
    FreeObj( oResponse )
 
    oCoreDash:Destroy()
    FreeObj( oCoreDash )
 
Return .T.
 
//-------------------------------------------------------------------
/*/{Protheus.doc} POST retdados
    Retorna os items utilizado no Drilldown
 
    @author Squad CRM & Faturamento
    @since 28/07/2020
    @version 12.1.27
/*/
//-------------------------------------------------------------------
WSMETHOD POST itemsDetails WSRECEIVE JsonFilter, drillDownFilter WSRESTFUL Exemplo2
 
    Local aHeader     := {}
    Local aItems      := {}
    Local aRet        := {}
    Local cBody       := DecodeUtf8(Self:GetContent())
    Local cError      := "Erro na Requisição"
    Local cSelect     := ""
    Local cWhere      := ""
    Local lRet        := .T.
    Local oCoreDash  := CoreDash():New()
    Local oBody       := JsonObject():New()
    Local oJsonFilter := JsonObject():New()
    Local oJsonDD     := JsonObject():New()
 
    If !Empty(cBody)
        oBody:FromJson(cBody)
 
        If ValType(oBody["chartFilter"]) == "J"
            oJsonFilter := oBody["chartFilter"]
        EndIf
 
        If ValType(oBody["detailFilter"]) == "A"
            oJsonDD := oBody["detailFilter"]
        EndIf
    EndIf
 
    Self:SetContentType("application/json")
 
    If oJsonFilter:GetJsonText("level") == "null" .Or. Len(oJsonFilter["level"]) == 0      
        If Len(oJsonDD) == 0 //Nivel 1 do Drilldown
            aHeader := {;
                {"document"     , "Documento" ,"link"   },;
                {"series"       , "Serie"               },;
                {"state"        , "UF"                  },;
                {"documentType" , "Tipo"                },;
                {"dateOfIssue"  , "Emissão"             };
                }
 
            aItems := {;
                {"document"     , "F2_DOC"      },;
                {"series"       , "F2_SERIE"    },;
                {"state"        , "F2_EST"      },;
                {"documentType" , "F2_TIPO"     },;
                {"dateOfIssue"  , "F2_EMISSAO"  };
                }
 
            cSelect := " F2_DOC, F2_SERIE, F2_EST, F2_TIPO, F2_EMISSAO, F2_TIPO "
 
            aRet := QuerySF2(cSelect)
 
        Elseif Len(oJsonDD) == 1 //Nivel 2 do Drilldown
 
            aHeader := {;
                {"D2_ITEM"  , "Item"                            },;
                {"D2_COD"   , "Cod. Produto", "link"            },;
                {"B1_DESC"  , "Desc. Produto "                  },;
                {"D2_PRCVEN", "Vlr.Unitario", "currency","BRL"  },;
                {"D2_QUANT" , "Quantidade","number",'1.2-5'     },;
                {"D2_TOTAL" , "Vlr. Total", "currency","BRL"    },;
                {"D2_LOCAL" , "Armazem"                         };
                }
 
            aItems := {;
                {"D2_ITEM"      , "D2_ITEM"},;
                {"D2_COD"       , "D2_COD"},;
                {"B1_DESC"      , "B1_DESC"},;
                {"D2_PRCVEN"    , "D2_PRCVEN"},;
                {"D2_QUANT"     , "D2_QUANT"},;
                {"D2_TOTAL"     , "D2_TOTAL"},;
                {"D2_LOCAL"     , "D2_LOCAL"};
                }
 
            cSelect := " D2_ITEM, D2_COD, B1_DESC, D2_PRCVEN, D2_QUANT, D2_TOTAL, D2_LOCAL "
            cWhere := " D2_DOC = '" + oJsonDD[1]['document'] + "' AND D2_SERIE = '" + oJsonDD[1]['series'] + "' "
 
            aRet := QuerySD2(cSelect, cWhere)      
        Elseif Len(oJsonDD) == 2 //Nivel 3 do Drilldown
            aHeader := {;
                {"B1_COD"   , "Cod. Produto"                      },;
                {"B1_DESC"  , "Desc. Produto "                    },;
                {"B1_PRV1"  , "Preço de Venda", "currency","BRL"  },;
                {"B1_TE"    , "TES Entrada Pad"                   },;
                {"B1_TS"    , "TES Saída Pad"                     };
                }
 
            aItems := {;
                {"B1_COD"       , "B1_COD"},;
                {"B1_DESC"      , "B1_DESC"},;
                {"B1_PRV1"      , "B1_PRV1"},;
                {"B1_TE"        , "B1_TE"},;
                {"B1_TS"        , "B1_TS"};
                }
 
            cSelect := " B1_COD, B1_DESC, B1_PRV1, B1_TE, B1_TS "
            cWhere := " B1_COD = '" + oJsonDD[2]['D2_COD'] + "' "
 
            aRet := QuerySB1(cSelect, cWhere)
        Endif
    Else
        //Monta o Drilldown do grafico nivel 2
        aHeader := {;
            {"document"     , "Documento"   },;
            {"series"       , "Serie"               },;
            {"state"        , "UF"                  },;
            {"documentType" , "Tipo"                },;
            {"dateOfIssue"  , "Emissão"             };
            }
 
        aItems := {;
            {"document"     , "F2_DOC"      },;
            {"series"       , "F2_SERIE"    },;
            {"state"        , "F2_EST"      },;
            {"documentType" , "F2_TIPO"     },;
            {"dateOfIssue"  , "F2_EMISSAO"  };
            }
 
        cSelect := " F2_DOC, F2_SERIE, F2_EST, F2_TIPO, F2_EMISSAO, F2_TIPO "
 
        aRet := QuerySF2(cSelect)
    EndIf
 
    oCoreDash:SetQuery(aRet[1])
    oCoreDash:SetWhere(aRet[2])  
    oCoreDash:SetFields(aItems)
    oCoreDash:SetApiQstring(Self:aQueryString)
    oCoreDash:BuildJson()
 
    If lRet
        oCoreDash:SetPOHeader(aHeader)
        Self:SetResponse( oCoreDash:ToObjectJson() )
    Else
        cError := oCoreDash:GetJsonError()
        SetRestFault( 500,  EncodeUtf8(cError) )
    EndIf
 
    oCoreDash:Destroy()
    FreeObj(oJsonDD)
    FreeObj(oJsonFilter)
    FreeObj(oBody)
 
    aSize(aRet, 0)
    aSize(aItems, 0)
    aSize(aHeader, 0)
 
Return lRet
//-------------------------------------------------------------------
/*/{Protheus.doc} retDados
    Retorna os dados que poderão ser apresentados no Grafico
 
    @author Squad CRM & Faturamento
    @since 28/07/2020
    @version 12.1.27
/*/
//-------------------------------------------------------------------
Static Function retDados(oResponse, oCoreDash, oJson)
    Local aData     := {}
    Local aDataFim  := {}
    Local aCab      := {}
    Local aCores    := oCoreDash:GetColorChart()
    Local nLoop     := 0
 
    If oJson:GetJsonText("level") == "null" .Or. Len(oJson["level"]) == 0
        aCab := GetUF()
 
        For nLoop := 1 To Len(aCab)
            aAdd(aData, Randomize(1,999) )
        Next nLoop
 
        aDataFim := {}
        aAdd(aDataFim, oCoreDash:SetChart(aCab,aData,/*lCurrency*/,,"Nota fiscal por Estado"))
    ElseIf Len(oJson["level"]) == 1
        aCab := GetTipoNF()
 
        For nLoop := 1 To Len(aCab)
            aAdd(aData, Randomize(1,999) )
        Next nLoop
 
        aAdd(aDataFim, oCoreDash:SetChart(aCab,aData,/*lCurrency*/,"pie","Quantidade de Notas por Tipos"))
 
    ElseIf Len(oJson["level"]) == 2
        aCab := GetTopCli()
 
        For nLoop := 1 To Len(aCab)
            aAdd(aData, Randomize(1, 999) )
        Next nLoop
 
        oCoreDash:SetChartInfo( aData, 'Notas', 'bar', aCores[8][3] ) //Cor utilizada: OrangeLht
        aAdd(aDataFim, oCoreDash:SetChart(aCab,,/*lCurrency*/,"bar","TOP 10 Clientes por Tipo de Nota"))
 
    Endif
 
    oResponse["items"] := aDataFim
 
Return Nil
 
 
//-------------------------------------------------------------------
/*/{Protheus.doc} QuerySF2
    Monta a query responsável por trazer os registro da Nota fiscal
 
    @param cSelect, Caractere, Campos que serão retornados no SELECT
    @param cFilter, Caractere, Filtro complementar utilizado na clausula WHERE
    @author Squad CRM & Faturamento
    @since 28/07/2020
    @version 12.1.27
/*/
//-------------------------------------------------------------------
Static Function QuerySF2(cSelect, cFilter )
    Local cQuery
    Local cWhere
 
    Default cSelect := " SF2.F2_DOC, SF2.F2_SERIE, SF2.F2_CLIENTE, SF2.F2_LOJA, SF2.F2_TIPO "
    Default cFilter := ""
 
    cQuery := " SELECT " + cSelect + " FROM " + RetSqlName("SF2") + " SF2 "
    cWhere := " SF2.F2_FILIAL = '" + xFilial("SF2") + "' "
    If !Empty(cFilter)
        cWhere += " AND " + cFilter
    Endif
    cWhere += " AND SF2.D_E_L_E_T_ = ' ' "
 
Return { cQuery, cWhere }
 
//-------------------------------------------------------------------
/*/{Protheus.doc} QuerySD2
    Monta a query responsável por trazer os registro da Nota fiscal
 
    @param cSelect, Caractere, Campos que serão retornados no SELECT
    @param cFilter, Caractere, Filtro complementar utilizado na clausula WHERE
    @author Squad CRM & Faturamento
    @since 28/07/2020
    @version 12.1.27
/*/
//-------------------------------------------------------------------
Static Function QuerySD2(cSelect, cFilter)
    Local cQuery
    Local cWhere
 
    Default cSelect := " SD2.D2_DOC, SD2.D2_ITEM, SD2.D2_COD "
    Default cFilter := ""
 
    cQuery := " SELECT " + cSelect + " FROM " + RetSqlName("SD2") + " SD2 "
    cQuery += " INNER JOIN " + RetSqlName("SB1") + " SB1 "
    cQuery += " ON B1_COD = D2_COD AND SB1.D_E_L_E_T_ = ' ' AND B1_FILIAL = '" + xFilial("SB1") + "' "
 
    cWhere := " SD2.D2_FILIAL = '" + xFilial("SD2") + "' "
    If !Empty(cFilter)
        cWhere += " AND " + cFilter
    Endif
    cWhere += " AND SD2.D_E_L_E_T_ = ' ' "
 
Return {cQuery, cWhere}

//-------------------------------------------------------------------
/*/{Protheus.doc} QuerySB1
    Monta a query responsável por trazer o registro do Cad. Produto
 
    @param cSelect, Caractere, Campos que serão retornados no SELECT
    @param cFilter, Caractere, Filtro complementar utilizado na clausula WHERE
    @author Squad CRM & Faturamento
    @since 08/06/2022
    @version 12.1.33
/*/
//-------------------------------------------------------------------
Static Function QuerySB1(cSelect, cFilter)
    Local cQuery
    Local cWhere
 
    Default cSelect := " SB1.B1_COD, SB1.B1_DESC "
    Default cFilter := ""
 
    cQuery := " SELECT " + cSelect + " FROM " + RetSqlName("SB1") + " SB1 "
    cWhere := " SB1.B1_FILIAL = '" + xFilial("SB1") + "' "
   
    If !Empty(cFilter)
        cWhere += " AND " + cFilter
    Endif
    cWhere += " AND SB1.D_E_L_E_T_ = ' ' "
 
Return {cQuery, cWhere}
 
//-------------------------------------------------------------------
/*/{Protheus.doc} GetUF
Retorna UF
 
@author Aline Navarro
@since 22/12/2020
@version 12.1.27
/*/
//-------------------------------------------------------------------
Static Function GetUF()
 
    Local aUF       := {}
    Local aUFX5     := {}
    Local nX        := 0
    Local nLenAUFX5 := 0
 
    aUFX5 := FWGetSX5("12")
    nLenAUFX5 := Len(aUFX5)
    For nX := 1 To nLenAUFX5
        aAdd(aUF,RTrim(aUFX5[nX,3])) //X5_CHAVE
    Next nX
 
Return aUF

//-------------------------------------------------------------------
/*/{Protheus.doc} GetTipoNF
Retorna os tipos de NF
 
@author Rafael Mota Previdi
@since 08/06/2022
@version 12.1.33
/*/
//-------------------------------------------------------------------
Static Function GetTipoNF()

    Local aTipoNF := {}

    aAdd(aTipoNF, 'N=Normal')
    aAdd(aTipoNF, 'C=Compl.Preco/Quantidade')
    aAdd(aTipoNF, 'I=Compl.ICMS')
    aAdd(aTipoNF, 'P=Compl.IPI')
    aAdd(aTipoNF, 'D=Dev.Compras')
    aAdd(aTipoNF, 'B=Utiliza Fornecedor')

Return aTipoNF

O endpoint deve retornar a seguinte estrutura json:

{
    "items": [
        {
            "divider": string,
            "gridSmColumns": number,
            "type": string,
            "property": string,
            "gridColumns": number,
            "required": boolean,
            "label": string
        }
    ]
}

A propriedade items deve retornar a lista com as configurações de todos os campos que devem ser apresentados no formulário. Para a montagem deste formulário, é utilizado o componente Dynamic Form do PO-ui, portanto para entender cada uma das propriedades a serem retornadas neste serviço, clique aqui.

O endpoint deve retornar a seguinte estrutura json:

{
    "items": [
        {
            "chartData": [
                {
                    "data": [ Valores a serem apresentados ],
                    "fill": false,
                    "drillDown": true,
                    "backgroundColor": "rgba(255,162, 54, 1)" - Cor da linha,
                    "hoverBackgroundColor": "rgba(255,162, 54, 1)" - Cor da linha ao passar o mouse,
                    "label": string - Título que representa o conjunto de informação e que irá aparecer na legenda,
                    "lineTension": number - Tenão da curva da linha. Caso for 0, a linha será reta
                }
            ],
            "chartLabels": [ Títulos correspondentes aos valores que serão apresentados ],
            "charttype": string - Tipo de gráfico,
            "title": string - Título do gráfico,
            "chartMask": string,
            "currencyMask": [ Máscaras utilizadas para apresentar valores ]
        }
    ]
}

A propriedade items deve retornar as informações do gráfico como valores a serem apresentados, títulos a representarem esses valores, título do gráfico e máscara de valores a ser utilizada.

O gráfico utiliza a biblioteca chart.js. Para mais informações sobre suas propriedades, clique aqui.

O endpoint deve retornar a seguinte estrutura json:

{
   "header":[
      {
         "showFilter": boolean,
         "property": string,
         "label":string
      }
   ],
   "items":[
      {
         "property": <Valor retornado pela query>,
      }
   ],
   "hasNext": boolean
}

A propriedade header refere-se ao cabeçalho da tabela. Como a tabela utilizada pelo dashboard é um componente da biblioteca PO-UI (po-table), deve-se informar as propriedades obrigatórias para este componente: property (nome identificador para a coluna) e label (título para a coluna). Para mais informações, clique aqui.

A propriedade items refere-se aos valores que serão apresentados nas colunas da tabela, ou seja, para cada propriedade informada, a query irá retornar um valor. Exemplo: { "totalValor":  }. Este deve ter a propriedade "hasNext" para informar se há próxima página (true) ou não (false).