Visualização: tabela

Se definida como verdadeira, os valores formatados de células que incluem tags HTML serão renderizados como HTML. Se for definido como falso, a maioria dos formatadores personalizados não funcionará corretamente.

Determina se o estilo de cores alternado será atribuído a linhas pares e ímpares.

Um objeto em que cada nome de propriedade descreve um elemento de tabela, e o valor da propriedade é uma string que define uma classe a ser atribuída a esse elemento de tabela. Use essa propriedade para atribuir um CSS personalizado a elementos específicos da sua tabela. Para usar essa propriedade, atribua um objeto em que o nome da propriedade especifica o elemento da tabela e o valor da propriedade é uma string, especificando um nome de classe a ser atribuído a esse elemento. Em seguida, defina um estilo CSS para essa classe na sua página. Os seguintes nomes de propriedade são compatíveis:

• headerRow: atribui um nome de classe à linha de cabeçalho da tabela (elemento <tr>).
• tableRow: atribui um nome de classe às linhas sem cabeçalho (elementos <tr>).
• oddTableRow: atribui um nome de classe a linhas de tabela ímpares (elementos <tr>). Observação:a opção alternatingRowStyle precisa ser definida como verdadeira.
• selectedTableRow: atribui um nome de classe à linha da tabela selecionada (elemento <tr>).
• hoverTableRow: atribui um nome de classe à linha da tabela ao passar o cursor do mouse (elemento <tr>).
• headerCell: atribui um nome de classe a todas as células na linha do cabeçalho (elemento <td>).
• tableCell: atribui um nome de classe a todas as células da tabela sem cabeçalho (elemento <td>).
• rowNumberCell: atribui um nome de classe às células na coluna do número da linha (elemento <td>). Observação: a opção showRowNumber precisa ser definida como verdadeira.

Exemplo: var cssClassNames = {headerRow: 'bigAndBoldClass',
hoverTableRow: 'highlightClass'};

Observação: no CSS, alguns elementos substituem outros. Por exemplo, se você especificar uma cor de plano de fundo para um elemento <tr> e um <td>, esta terá precedência sobre a primeira. Especifique todos os estilos CSS relevantes em cssClassNames para evitar conflitos.

O número da primeira linha da tabela de dados. Usado somente se showRowNumber for verdadeiro.

O número de colunas da esquerda que vão ser congeladas. Essas colunas permanecerão em vigor ao rolar as demais colunas horizontalmente. Se showRowNumber for false, a definição de frozenColumns como 0 vai aparecer da mesma forma que se for definida como null, mas se showRowNumber for definida como true, a coluna de número de linha vai ser congelada.

Define a altura do elemento de contêiner da visualização. Você pode usar unidades HTML padrão (por exemplo, "100px", "80em", "60"). Se nenhuma unidade for especificada, o número será considerado pixels. Se não for especificado, o navegador ajustará automaticamente a altura para caber na tabela, diminuindo o máximo possível no processo. Se for definida abaixo da altura necessária, a tabela adicionará uma barra de rolagem vertical (a linha do cabeçalho também estará congelada). Se definida como "100%", a tabela será expandida o máximo possível para o elemento do contêiner.

Se e como ativar a paginação com base nos dados. Escolha um dos seguintes valores de string:

• "enable": a tabela incluirá os botões "Page-Forward" e "Page-Back". Clique nesses botões para realizar a operação de paginação e alterar a página exibida. Também é possível definir a opção pageSize.
• "event": a tabela incluirá os botões "forward" e "page-back", mas um clique acionará um evento "page" e não alterará a página exibida. Essa opção precisa ser usada quando o código implementa a própria lógica de virada de página. Consulte o exemplo de TableQueryWrapper para ver como lidar manualmente com os eventos de paginação.
• "disable" - [Padrão] A Paging não é compatível.
Tipo: string
Padrão: "desativar"

O número de linhas em cada página, quando a paginação está ativada com a opção de página.

Define uma opção especificada para os botões de paginação. As opções são as seguintes:

• "ambos": ativa os botões "Anterior" e "Próximo"
• "prev": somente o botão "prev" está ativado
• "Next" – somente o botão "Next" é ativado
• "auto": os botões são ativados de acordo com a página atual. Na primeira página, somente a próxima é exibida. Na última página, só o anterior é mostrado. Caso contrário, as duas opções serão ativadas.
• number: o número de botões de paginação a serem exibidos. Esse número explícito substitui o número calculado do pageSize.

Adiciona compatibilidade básica para idiomas da direita para a esquerda (como árabe ou hebraico) invertendo a ordem das colunas da tabela, de modo que a coluna zero seja a mais à direita e a última coluna seja a mais à esquerda. Isso não afeta o índice da coluna nos dados subjacentes, apenas a ordem de exibição. A visualização de tabela completa (BiDi) não é compatível com a visualização em tabela, mesmo com essa opção. Essa opção será ignorada se você ativar a paginação (usando a opção de página) ou se a tabela tiver barras de rolagem porque as opções de altura e largura especificadas são menores do que o tamanho de tabela necessário.

Define a posição de rolagem horizontal, em pixels, se a tabela tiver barras de rolagem horizontais, porque você definiu a propriedade de largura. A tabela vai rolar a rolagem da tela até o limite da coluna mais à esquerda.

Se definido como verdadeiro, mostrará o número da linha como a primeira coluna da tabela.

Se e como classificar colunas quando o usuário clicar no título de uma coluna. Se a classificação estiver ativada, defina também as propriedades sortAscending e sortColumn. Escolha um dos seguintes valores de string:

• 'enable': [padrão] os usuários podem clicar nos cabeçalhos de colunas para classificar pela coluna clicada. Quando os usuários clicam no cabeçalho da coluna, as linhas são classificadas automaticamente, e um evento "sort" é acionado.
• "event": quando os usuários clicam no cabeçalho da coluna, um evento "sort" é acionado, mas as linhas não são classificadas automaticamente. Essa opção deve ser usada quando a página implementar a própria classificação. Consulte o exemplo de TableQueryWrapper para ver como processar eventos de classificação manualmente.
• "disable" - Clicar no cabeçalho de uma coluna não tem efeito.

É a ordem em que a coluna de classificação inicial é classificada. Verdadeiro para crescente e falso para decrescente. Será ignorado se sortColumn não for especificado.

Um índice de uma coluna na tabela de dados, pelo qual a tabela é inicialmente classificada. A coluna será marcada com uma pequena seta indicando a ordem de classificação.

A primeira página da tabela a ser exibida. Usado somente se page estiver no modo ativar/evento.

Define a largura do elemento do contêiner da visualização. Você pode usar unidades HTML padrão (por exemplo, "100px", "80em", "60"). Se nenhuma unidade for especificada, o número será considerado pixels. Se não for especificado, o navegador vai ajustar a largura automaticamente para caber na tabela, diminuindo o máximo possível no processo. Se for definida abaixo da largura necessária, a tabela vai adicionar uma barra de rolagem horizontal. Se definida como "100%", a tabela será expandida o máximo possível para o elemento do contêiner.

Desenha a tabela.

Implementação padrão getSelection. Todos os elementos de seleção são de linha. Pode retornar mais de uma linha selecionada. Os índices de linha no objeto de seleção se referem à tabela de dados original, independentemente de qualquer interação do usuário (classificação, paginação etc.).

A(s) alternância(ões) de seleção: clicar em uma célula pela primeira vez a seleciona; clicar na célula novamente cancela a seleção, resultando em um evento de seleção, mas nenhum item selecionado no objeto de seleção recuperado.

Chame esse método para recuperar informações sobre o estado atual de classificação de uma tabela que foi classificada (normalmente pelo usuário, que clicou no cabeçalho de uma coluna para classificar as linhas por uma coluna específica). Se você desativou a classificação, esse método não vai funcionar.

Se você não tiver classificado os dados no código ou se o usuário não tiver selecionado dados selecionando o código, os valores de classificação padrão serão retornados.

• column (número) Índice da coluna em que a tabela é classificada.
• ascending: (booleano) verdadeiro se a classificação for crescente, falso se decrescente.
• sortedIndexes: (matriz numérica) matriz de números, em que o índice da matriz é o número da linha conforme classificado (na tabela visível) e o valor é o índice dessa linha na tabela de dados subjacente (não ordenado).

Implementação padrão de setSelection(), mas só é possível selecionar linhas inteiras ou várias. Os índices de linhas no objeto de seleção se referem à tabela de dados original, independentemente de qualquer interação do usuário (classificação, paginação etc.).

Limpa o gráfico e libera todos os recursos alocados.

Evento de seleção padrão, mas apenas linhas inteiras podem ser selecionadas.

Acionado quando os usuários clicam em um botão de navegação na página.

Acionado quando os usuários clicam no cabeçalho de uma coluna, e a opção de classificação não é "Desativar".

• column (número) Índice da coluna em que a tabela é classificada.
• ascending: (booleano) verdadeiro se a classificação for crescente, falso se decrescente.
• sortedIndexes: (matriz numérica) matriz de números, em que o índice da matriz é o número da linha conforme classificado (na tabela visível) e o valor é o índice dessa linha na tabela de dados subjacente (não ordenado).

O gráfico está pronto para chamadas de método externo. Se você quiser interagir com o gráfico e chamar métodos depois de desenhá-lo, configure um listener para esse evento antes de chamar o método de desenho e chame-o somente depois que o evento for acionado.